功能简介

RunJS Collect是RunJS浏览器插件最新推出一个用于收藏网页的功能。其最大的特点，是在保持原有网页UI样式的基础上，获取经过重构的、易于维护和使用的html/css纯净代码。而市面上其他工具，往往是收藏图片或者简单地将原有站点所有资源下载打包。

插件效果

以下是关于插件效果的一些视频演示：

• RunJS Collect一键转存Codepen代码
• RunJS Collect插件重构升级，效果提升明显
• RunJS Collect如何收藏弹窗组件
• RunJS Collect轻松收藏任何网页全部或部分模块的样式，自动生成纯净干净的代码

以下是用插件一键保存的一些网页的效果。 https://runjs.work/tag/runjscollect

安装使用

RunJS Collect实行先试用再收费的模式。注册RunJS，立马获得试用资格。RunJS Collect需要在RunJS插件中使用。

马上安装RunJS插件。

应用场景

有的时候，看到一个漂亮的网站，很想【收藏】一下。通常的做法有两种：

1、右键保存该网页，将所有资源都下载到本地的文件夹，然后移除不要的JS和样式。

2、打开浏览器调试窗口，一点点地搬运html和css。

方法一适合拿来直接使用，不做任何修改，否则清理原站大量的css/js，是个不小的工作量；方法二呢，只取所需，但是比较低效。

本文给大家介绍的RunJS Collect（原名：RunJS rebuilder），能兼顾效率、灵活度和可维护性，让你能够轻松收藏网页中经过重构的组件代码。

一、插件版

RunJS插件版目前支持Chrome、Edge浏览器，可直接从其应用商店安装，也可以离线安装。插件的功能保持迭代更新。以下为插件截图（V1.1.5）。

视频效果如下（https://www.bilibili.com/video/BV1P94y1P7Vs/）：

安装插件。

有任何使用上的问题，可联系客服微信：qingtingwb

二、云端版

云端版本无需安装。体验地址：https://runjs.work/rebuilder. 目前只支持国内站点，登录后可用。如果没有获取成功，有可能是网站中加载了不能访问的资源。

Tips：云端版也主要是演示，不保证及时更新。

三、客户端

查看视频演示：https://www.bilibili.com/video/BV1Xi4y1v7cD?t=3.0 (b站阅读量1w+)

Tips：客户端版本为demo版，很不完善，体验差，目前已关闭下载。请尝试使用插件版。

联系我们

微信号：qingtingwb