Tag: google chrome devtools

如何使用chrome puppeteer访问ssl证书内容: 我想访问使用铬木偶的URL的证书详细信息。现在的puppeteer API有可能吗？

如何简化Eclipse中的debuggingnodejs？: 因此，对于您的第一个NodeJS项目，您可以从ChromeDevTools安装适用于Eclipse的V8debugging器。而且每当你在Eclipse中有一个新的NodeJS项目，你基本上做的是复制你的Debug Configuration并作出两个更改：更改连接项目到本地目录的Source Mapper 更改连接项目到本地/远程主机的Source Mapper器这工作，没问题。但是Debug Configurations列表的构build和构build。您将不得不单击debugging下拉菜单，从许多debuggingconfiguration列表中select一个用于当前项目的debuggingconfiguration。有没有更简单的方法来做到这一点？有一个NodeJS Debug Configuration ，根据当前项目自动更改Source Mappers ？要么; 保存项目所需的debuggingconfiguration，并将此特定configuration绑定到当前项目的快捷键或debuggingbutton，所以您不必每次都从列表中select它？因为我总是需要点击Debug As…下拉菜单并select正确的configuration。如果我只是点击Debug As…button（小绿色的bug），我总是得到这个：即使我只是debugging。

在Chrome开发人员工具中分析堆转储（内存泄漏）: 当我们说话的时候，我正在生产NodeJS / Express / React应用程序。问题是，它不断攀升的内存使用情况，并没有停止。它是缓慢和稳定的，并最终节点崩溃。我有几个heapdump，我一直在node-heapdump的帮助下创build，但是，我不知道如何正确识别泄漏。我将分享我的快照的图像。请注意，我按浅的大小sorting，所以推测出现在顶部的那些对象/types之一必定是问题：正如我在下面看到的那样，我在很多地方看到了这个“@ 585中的Promis”，可能是那个，但我无法确定这个线路，function或组件。任何人都可以帮忙？如果你愿意，我可以分享更多的截图。谢谢。

PrintToPDF不能在无头Chrome 60中工作: 我正尝试通过无头版Chrome进行PDF打印。这是我正在处理的错误：（node：6761）UnhandledPromiseRejectionWarning：未处理的承诺拒绝（拒绝ID：1）：错误：PrintToPDF未实现 Node.js包： html-pdf-chrome 依赖关系： ✔ "chrome-remote-interface": "^0.23.1" (v0.23.2 installed) ✔ Chrome 59 (v60 beta installed) 驱动脚本： const htmlPdf = require('html-pdf-chrome'); const html = '<p>Hello, world!</p>'; const options = { port: 9222, // port Chrome is listening on }; htmlPdf.create(html, options).then((pdf) => pdf.toFile('test.pdf')); Chrome 60已安装并以无头模式运行： > google-chrome –version Google Chrome 60.0.3112.24 beta 我跟踪了调用Page.printToPDF的代码段，这是错误发生的地方： […]

如何将variables传递给Puppeteer page.on？: 如果我有这个 page.on('response', this.extractImages); 第一个问题：如何将其他variables传递给this.extractImages函数？该函数被定义为extractImages(…args)但args只是这个： [ Response { _client: Session { domain: null, _events: [Object], _eventsCount: 15, _maxListeners: undefined, _lastId: 9, _callbacks: Map {}, _connection: [Object], _targetId: '3879dfee-f3de-48a8-a735-ac3b8cb4110e', _sessionId: '3879dfee-f3de-48a8-a735-ac3b8cb4110e:1' }, _request: Request { _client: [Object], _requestId: '39213.259', _interceptionId: null, _interceptionHandled: false, _response: [Circular], _completePromiseFulfill: [Function], _completePromise: [Object], url: 'https://cm.g.doubleclick.net/pixel?google_nid=rubicon&google_cm&google_sc&google_awbid', method: 'GET', postData: undefined, headers: […]

Node.js分析：“（程序）”部分中的高使用率: 组态： Node.js 0.8.15 Mac OSX 10.7.5 Webkit Devtools代理节点模块在剖析时，我注意到configuration文件的“（程序）”部分中的利用率非常高。 “手动”分析（使用节点–prof和mac-tick-processor）在C ++部分中的___psynch_rw_unlock中显示了类似的高百分比。程序在分析过程中的主要用途是： libxml处理读取/写入套接字 mongodb写作这是正常的行为，还是这是一个更深层次的问题的迹象？

Atom电子 – 检测开发工具准备就绪: 这个问题涉及到基于Chromium / Node.js（ Atom Electron ， Node Webkit等）的应用程序，而不是基于Chrome浏览器的应用程序。在debugging使用Chromium和Node.js的程序的启动代码时，Dev Tools被调用的时间与实际启动时间（包括执行中断点的能力）之间存在显着的延迟。这意味着，为了debugging应用程序的引导逻辑，在开发工具被调用后立即执行，插入或存储的断点不会触发此引导代码。我发现唯一的解决方法是使用setTimeout(continueBootLogic(), <time>)添加一个adhoc超时setTimeout(continueBootLogic(), <time>)以推迟启动我的启动逻辑，直到我假设开发工具已完全加载。电子MainWindow.on('devtools-opened', function() {…})存在一个事件，当开发工具打开但断点引擎启动之前触发。使用这个事件可以让我更接近实际的准备时间，但是我仍然需要一个糟糕的超时等待更多的时间。有没有人find一种方法来精确检测开发工具是否准备好开始在代码中检测和执行断点？有了这个将大大有助于在Electron和nw.js中debugging启动代码，这样我就可以花更多的时间玩弄新的API。这里是一个电子程序示例：的package.json： { "name" : "DevToolsWait", "version" : "0.2.0", "main" : "main.js" } main.js： 'use strict' const electron = require('electron') console.log('Electron version: '+process.versions['electron']) electron.app.on('ready', ()=>{ var bw = new electron.BrowserWindow({width: 800, height: 600}); // Load […]

木偶：等一个元素是可见的？: 我想用木偶工具知道js工具是否可以等一个元素显示出来 const inputValidate = await page.$('input[value=validate]'); await inputValidate.click() //I want to do something like that waitElemenentVisble('.btnNext ') const btnNext = await page.$('.btnNext'); await btnNext.click(); 你怎么做这种types的东西？

导航页面，直到呈现最后一帧不networkidel: 我正在截取大型html的截图，但每次我尝试拍摄图像时，都会在输出图像中获得大的空白区域。我做了这么多的testing，并且发现在load事件之后渲染了框架，所以我不明白它在捕获的图像中。这是显示性能的图像显示load事件的红线和该行后面的帧。我试图阅读包的所有文件，但我是一个土木工程师，不知道在编程很多，我尽我所能，找不到解决scheme。 page.goto有4个选项，它们不能解决问题，这里是文档的url。 https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagegotourl-options 这是我的代码 const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('D:\Image_2.HTML', {waitUntil: 'load'}); function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } console.log(page.frames()) await page.screenshot({path: 'example.png',fullPage : true}); await browser.close(); })();

Node.js检查控制台命令返回未定义的错误: 我启动我的脚本： node –inspect=1234 index.js 然后打开Chrome开发工具Inspector并连接到它。如果我键入console.log('hello')它的作品，并输出消息到控制台。但是，如果我键入任何函数或variables包含在我的脚本，它会引发错误：未捕获的ReferenceError：“my func / var”未定义（…）（匿名函数）@ VM107：1 如何使它看到并启用与我的脚本的内容进行交互？