一、通过指定标签跳转到指定url
{
"id": 1,
"method": "Page.navigate",
"params":{"url": "https://www.baidu.com"}
}
二、获得页面html
{
'id': 21,
'method': 'DOM.getDocument',
'params': {'depth': 0, ' pierce': true}
}
三，获得当前标签页html
{
"id": 21,
" ...
1、?问题描述
我们在使用yarn命令对项目进行打包时，可能会出现如下的错误信息 “FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory”
image
2、?解决办法
此时我们可以使用increase-memory-limit插件进行解决。
increase-memory-limit插件官网：https://www.npmjs.com/package/increase-memory-limit
全局安装increase-memory-limit插件
npm install -g ...
知识
1386
536
Charles-MQ
【转】chrome devtools protocol——Web 性能自动化
前言
在测试Web页面加载时间时，可能会是这样的：
打开chrome浏览器。
按F12打开开发者工具。
在浏览器上打开要测试的页面
查看开发者工具中Network面板的页面性能数据并记录
或者在开发者工具中Console面板运行performance.timing和performance.getEntries()收集数据
performance相关信息看这里PerformanceTiming
几十上百个页面，每个版本都这样来，估计疯了，所以就想怎么把它做成自动化呢？
chrome dev ...
现如今大多数页面，通过html5/js等方式，动态渲染页面，对于抓取动态网页，用常规的抓取方法显得力不从心。 前些年出现了phantomjs，可以有效的抓取动态页面，但phantomjs的一些缺点，内存溢出等经常出现卡死。现在该作者也停止更新phantomjs了
Now,决定弃用phantomjs!
发现新大陆
chrome自从v59版本后，推出了headless浏览器，配合Chrome DevTools Protocol，使用浏览器内核其Api，可实现分布远程调试chrome(数据抓取等)
Chrome DevTools Protocol允许工具对Chromium，Chrome和其他 ...
白色：FFFFFF
红色：FF0000
绿色：00FF00
蓝色：0000FF
洋红：FF00FF
墨绿：00FFFF
黄色：FFFF00
黑色：000000
爱丽丝兰：F0F8FF
碧燃昌绿：70DB93
巧克力色：5C3317
蓝紫色：9F5F9F
黄铜：B5A642
亮金：D9D919
褐色：A62AA2
青铜：8C7853
青铜2：A67D3D
藏青：5F9F9F
亮铜：D98719
铜色：B87333
珊瑚色：FF7F00
矢车菊兰：42426F
深褐色：5C4033
深绿色：2F4F2F
深铜绿色：4A766E
深橄榄绿：4F4F2F
紫色：9932CD
深紫色：871F ...