TOGOUTECH

google-chrome-devtools

全部标签

javascript - 如何在 Puppeteer 中设置最大视口(viewport)?

当我运行一个新页面时,我必须使用setViewport函数指定视口(viewport)的大小:awaitpage.setViewport({width:1920,height:1080})我想使用最大视口(viewport)。如何根据窗口大小调整视口(viewport)大小? 最佳答案 我可能来晚了。尽管如此,对于其他人,请尝试:constbrowser=awaitpuppeteer.launch({defaultViewport:null});如上所述将defaultViewport选项设置为null以禁用800x600分辨率。然

javascript - 无法使用 Chrome 开发者工具查看 localStorage key

我正在尝试做一个简单的JS练习,使用localStorage来存储一些值;当我尝试使用Chromedevtools检查这些值时,我看不到键有什么设置可以让我在每个键上都能看到它吗?编辑:我正在尝试使用设置这个值localStorage.setItem('Try','Thisisatry');console.log(localStorage.getItem('Try'));并且“Thisisatry”正确地记录在控制台中。 最佳答案 显示值的窗口似乎一直向上移动将鼠标悬停在“Thisis

javascript - 文档 Dom 树与分离的 Dom 树?

正在使用chrome发现内存泄漏(新手:))如何识别内存泄漏的位置?什么是DocumentDOM树和DetachedDom树?谁能解释一下? 最佳答案 识别内存泄漏的步骤。从无认知模式Chrome开始。打开您的应用程序打开ChromeDev工具(我喜欢在自己的窗口中将其最大化)点击个人资料使用TakeHeapSnapshot选项并单击Snapshot对您的应用执行一些特定步骤点击左上角的黑色圆圈再拍一张快照。再重复步骤5到72次检查保留大小-如果它继续增加-你有内存问题在“时间轴”选项卡下,点击“垃圾收集器”按钮。再拍一张快照,看看

javascript - 调试动态添加的javascript文件

我有一个Web应用程序,它根据用户选择的内容使用ajax实时动态添加javascript文件,以避免刷新屏幕。我现在正在尝试调试这些动态添加的javascript文件,并尝试了GoogleChrome的开发者工具和Firebug的Firefox插件,并注意到动态添加的javascript"file"没有出现,所以我无法选择它们添加断点等那么,是否有解决方案,即调试动态添加的javascript文件? 最佳答案 查看sourceURL,这是一种指示DevTools应将eval字符串视为真实文件的方法。它完全符合您的要求。在要评估的字符

javascript - 如何登录 Puppeteer?

我是JavaScript和Puppeteer的新手。我尝试了下面的登录代码,但失败了。相比之下,我加了page2就成功了。我该如何解决?constCREDS=require('./creds');asyncfunctionmain(){constpuppeteer=require('puppeteer');constbrowser=awaitpuppeteer.launch({headless:false});constpage=awaitbrowser.newPage();awaitpage.setViewport({width:1200,height

javascript - 在 Chrome Devtools 中查找匹配(关闭)JavaScript 括号的方法?

这里是JavaScript新手。我正在使用devtools审查大量JS代码,我想知道是否有一种简单的方法可以找到函数右括号的位置。是否有一项功能可以突出显示左括号并查明右括号所在的位置? 最佳答案 您可以使用chromedevtool快捷方式。首先将光标移到左括号或右括号旁边,然后执行CTRL+m。请注意,这也适用于圆括号和花括号。要查看所有可用的快捷方式,请单击devtools右上角的三个点图标,然后单击Shortcuts。 关于javascript-在ChromeDevtools中查

javascript - 如何使用 console.trace() 记录 js 堆栈跟踪但保持折叠状态

我想在我的应用程序中记录某些函数调用的堆栈跟踪。我喜欢console.trace()呈现数据的方式,但它总是将数据吐出到控制台扩展。如果你有几十个日志,这很快就会变得困惑。有些人建议使用logError().stack,其他人建议使用console.error(),其他人建议使用Error.captureStackTrace()。但所有这些都有我不喜欢的东西。console.error使控制台困惑,很难看到真正的错误。其他人没有打印出漂亮或可用的堆栈。应该有一种方法可以简单地让console.trace()默认折叠。 最佳答案 答案

javascript - Chrome 开发者工具在没有设置断点的地方不断中断

使用Chrome开发者工具调试JavaScript代码时,调试器会在未设置断点的代码处暂停。我没有启用Pauseonexceptions功能,而且绝对没有设置断点(见附图)。我问了一个类似的question之前有帮助但没有完全解决这个问题(以前我启用了Pauseonexceptions)。在下面的示例中,我将kendo.all.min.js的缩小版本替换为未缩小版本,这让我可以看到脚本执行暂停的位置,但我不知道为什么它正在暂停。jquery.min.js也经常发生这种情况。 最佳答案 我通过单击“设置”部分中的“恢复默认值并重新加载

javascript - Chrome 开发工具 : <page context> and <top frame>?

这些下拉菜单有什么作用?我假设它们在不同的上下文中执行控制台命令,但当我单击它们时我看到了奇怪的、荒谬的选择。 最佳答案 让我们以Gmail为例,从第一个下拉菜单开始:帧列表您在这里看到的是嵌入到当前页面中的所有框架。这些框架中的每一个都被沙盒化。被沙盒化意味着无法从一个沙盒访问其他沙盒。在一个框架内执行的脚本无法访问另一个框架的DOM或JS变量。这是出于安全原因,我们不希望iframe中的脚本访问它嵌入的页面(这将允许例如嵌入到博客中的广告读取您输入的内容或您保存在cookie中的内容).上下文列表在第二个下拉列表中,我们有所选帧

javascript - Chrome 堆快照在每次刷新时增长.. 正常吗?

我正在尝试使用Chrome开发者工具及其“配置文件”选项卡进行一些性能/效率测试...我得到以下结果当我加载页面时,执行堆快照、刷新页面、堆快照等......重复..这个问题是2折..这正常吗?我有内存问题吗?谁能给我指出一个资源来解释chrome的堆快照和cpu分析的输出? 最佳答案 发生此问题是因为您的chrome扩展程序在出于任何原因刷新时保留了部分DOM。当使用配置文件工具时始终进入隐身模式,此处不会加载任何扩展,您可以确定您在配置文件中看到的对象只是您的……好吧,大多数情况下;您还会看到chrome内部数据结构包裹在括号中