o2o-capture
v0.1.8
Published
o2o capture online page
Downloads
31
Readme
o2o-capture —— online page to offline assets
给线上页面拍照并『复印』到本地。
安装
支持命令行方式和 lib 方式调用。
安装到全局:
npm i -g o2o-capture
安装为依赖包:
npm i o2o-capture --save
o2o-capture 的依赖
o2o-capture 依赖 phantomjs、 casperjs、awpp@0.4.1+,运行时会自动安装:
npm install -g phantomjs casperjs awpp@latest
使用方法
命令行方式:
o2oc -u http://h5.m.taobao.com/market/trip/act/xfzlh5.html -d ./codes
其中:
-u
: 指定线上 url;-d
: 指定保存到本地的目录
更多配置项:
o2o ➤ o2oc --help Usage: o2oc [options] Options: -h, --help output usage information -V, --version output the version number -u, --url <url> 线上页面 url -d, --dir <path> 本地目标目录,默认当前工作目录 -p, --pageDir <path> 页面存放目录,默认 `pages` -n, --pageName <name> 页面名,默认从 url 截取 -i, --imgDir <path> 图片存放目录,默认 `img` -j, --jsDir <path> js 存放目录,默认 `js` -c, --cssDir <path> css 存放目录,默认 `css` -e, --pageExt <path> 页面后缀名,默认 `html` -h, --handleCss 是否处理 css 中的图片引用 -r, --removeComment 是否移除页面中的注释,默认 `true` -a, --aplusHack 是否 hack 处理 aplus 埋点,默认 `false` -w, --waitPageLoadTime <number> 等待页面加载时间(秒),默认 `5` -o, --override 是否覆盖目标路径已有页面
lib 方式调用:
var o2o = require('o2o-capture'); o2o('http://h5.m.taobao.com/market/trip/act/xfzlh5.html', { dir: './test', // 加载到本地目录 pageName: 'xfzlh5', // 页面名 pageDir: 'pages', // 页面存放目录 pageExt: 'html', // 页面后缀 jsDir: 'js', // js 存放目录 cssDir: 'css', // css 存放目录 handleCss: false, // 是否处理 css 中的图片路径 removeComment: true, // 是否移除页面中的注释 aplusHack: true, // 是否 hack 处理 aplus 埋点 waitPageLoadTime: 10, // 等待页面加载时间 ignoreAssets: [], // 需要忽略处理的资源路径 preserveSelectors: [], // DOM 中需要保留为源码的 DOM 节点 selector removeSelectors: [], // DOM 中需要移除的源码的 DOM 节点 selector userAgentMap: {}, // userAgent 映射表,对 PC 和无线页面区分 override: true // 是否覆盖之前生成的页面 }/*, console*/);
版本历史
- [0.1.0-0.1.3]
- init version
- [0.1.4]
- Bufix for awpp path
- [0.1.6]
- 修复 url 后缀与
pageExt
不一致时,保存两份不同后缀的文件
- 修复 url 后缀与
- [0.1.7]
- 加入
options.preserveSelectors
、options.removeSelectors
、options.userAgentMap
、options.override
等配置项
- 加入
- [0.1.8]
- fix for request 302 https redirect.