问题标签 [web-inspector]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5994 浏览

javascript - Chrome devtools:无需切换到“源”选项卡即可进入调试器

如果我debugger在打开 Chrome 开发工具的情况下将语句放入我的 JavaScript 源代码中,它将停止执行,因此我可以从控制台以交互方式探索当前上下文。真是太棒了。

但不幸的是,它也会切换到 Sources 选项卡并显示debugger语句发生的行。大多数时候,我想键入 JavaScript 命令,所以我必须手动切换回控制台选项卡。

我可以避免选项卡切换并留在控制台选项卡中吗?

还是我用错了?

0 投票
5 回答
24408 浏览

javascript - 消除控制台中的 404 url​​ 错误?

我尝试消除由于缺少源(src)而发生的 404 错误..

如果尝试了很多东西来捕捉错误,即.error(function(){})在最后放置一个。使用$chart.load()- 方法检查图像是否被加载?这些都没有帮助?

GET {myURLString} 404 (Not Found)

浏览器:Safari

0 投票
0 回答
234 浏览

webkit - 在 WebKit Inspector js 中,控制权在哪里返回到被检查的页面?

我一直在查看可从 Chromium 项目中获得的 WebKit Inspector js:https ://developers.google.com/chrome-developer-tools/docs/contributing

可以使用状态栏中的放大镜按钮将开发人员工具置于“检查”模式。该模式持续在被检查的页面上单击一次。单击后,页面不再处于“检查”模式。

我想将被检查的页面保持在“检查”模式。

在js中,我已经弄清楚了检查员在哪里

单击状态栏中的放大镜按钮后进入“检查模式”)

  • 突出显示正在检查的页面中的元素
  • 在 DOM 中找到关联的节点
  • 在元素面板中显示节点和树的其余部分
  • 将焦点放在元素面板中显示的 DOM 树中的选定节点上

我无法弄清楚被检查的页面在“检查”模式后如何返回“正常”模式。

我尝试了以下方法:

  • 启用 toggleSearchingForNode 后,防止它被禁用。
  • 在revealAndSelectNode中,防止选中的节点获得焦点

都没有帮助。在检查的页面中单击后,页面恢复正常行为。

任何帮助表示赞赏。

0 投票
2 回答
868 浏览

jquery - jquery问题和更新css背景图像未在chrome中加载

我正在尝试用 jquery 替换元素上的背景图像。代码看起来是正确的,如果我停止执行页面并检查元素,它就是正确的元素。但是,将鼠标悬停在元素上时,它不会显示在 chrome 中或元素预览中。

我在这里遇到了似乎完全相同的问题CSS 背景图像未加载但提供的修复不起作用。

谢谢,马克

0 投票
3 回答
1706 浏览

google-chrome - 当我打开网络检查器时,Chrome 正在缩小视口

出于某种原因,每当我在 Chrome 中打开网络检查器时,浏览器的视口都会缩小。解决它的唯一方法是关闭检查器。有谁知道如何解决这个问题,所以它不会改变视口大小?

铬故障

0 投票
3 回答
3145 浏览

ios6 - iOS模拟器启动时,是否可以自动加载Web Inspector?

我在 Safari 中使用带有闪亮的新 Web Inspector 的 iOS 6 模拟器。

问题:是否可以在加载 iOS 6 Web 应用程序时自动加载 Web Inspector?

我正在使用 PhoneGap/Cordova,并且在启动时加载了很多 javascript。我console.log()广泛用于调试,并希望它在应用程序启动后加载 Web Inspector。

目前,当我在 Xcode 上点击 Run 时,应用程序会加载并且我setTimeout在我的第一个功能上,因此我可以冲到 Safari 并在该页面上附加 Web Inspector。

我更愿意删除此步骤并添加一个可以直接加载 Web Inspector 的自动化步骤。

还有其他解决方案吗?

0 投票
1 回答
441 浏览

javascript - Chrome 网络检查器:CPU 分析器

在此处输入图像描述

我的程序大约需要 20 秒才能加载(很多 svg 对象)。我正在尝试使用 chrome web 检查器进行分析。它显示总共 19.16 秒,但故障并没有完全加起来。我尝试了自下而上,自上而下并以不同的组合排序。仍然无法识别瓶颈。我可以在几毫秒内看到从服务器接收到的数据,但渲染它需要很长时间。

同样在 %ge 视图中,总数为 98%,但其余的单独小于 0.05%,似乎不正确。

在我之前的qn中,我询问了如何显示 #calls 和平均值。我怀疑递归调用可能会导致这种情况,但同时总时间应该反映这一点。

在此处输入图像描述 如何识别导致此延迟的功能。任何帮助表示赞赏。

0 投票
5 回答
26891 浏览

android - 如何使用 WebView 启用 WebKit 的 Android 应用程序的远程调试/检查器?

我需要在调试时检查 android 应用程序中的 javascript 执行(webview 小部件);通过 SDK 和 USB 电缆和/或 http/websockets;从桌面计算机(例如在桌面上运行的 chrome)。

Webkit 的源代码包括可在 cpp 级别访问的 DebuggerServer 实现( platform_external_webkit\Source\WebKit\android\wds\DebugServer.cpp ),并且在启用标志 WDS 时绑定(在构建时?)

Source\WebKit\android\jni\WebCoreFrameBridge.cpp:#if ENABLE(WDS) Source\WebKit\android\jni\WebCoreFrameBridge.cpp: WDS::server()->addFrame(frame);

服务器的默认端口是 9999

消息来源显示所有都已实现(在 Cpp 级别)以启用该功能,但我没有找到任何参考在网络上搜索使用 javascript 级别的实时调试在 android 设备中自动化 webkit 的检查器界面的经验。

1.- 该功能是否以二进制形式在实际的 android 设备中执行?(是否在未启用 WDS 标志的情况下构建了 adroid 的 webkit 分发?:-()

2.- 可以在应用程序启动时从 javascript 或应用程序(在 java 级别)启用/使用远程调试功能吗?

3.- 如果可以启用 webkit 检查器/调试器功能,如何实现与远程应用程序的交互?(例如,来自另一个使用 websockets 的 javascript 应用程序,或台式计算机上的 chrome)。

一些解释机制的段落,如 https://developers.google.com/chrome-developer-tools/docs/remote-debugging#remote 会很好!

提前感谢您提供有关此主题的任何信息或参考。我认为在 javascript 级别启用远程调试(在设备中)非常重要,以使 HTML5 应用程序的现代开发和愉快的调试体验成为可能。

干杯,艾尔。

0 投票
2 回答
779 浏览

safari - 使用 Applescript 在 Safari 中访问 Web Inspector

我正在尝试创建一个基本上从 Safari 下载文件的 Applescript 脚本。但是,这些文件无法通过网页下载,所以我通常打开Web Inspector然后转到Resources一个名为 的文件夹中Other,下载文件。

我一直在网上搜索通过 Applescript 执行此操作的方法,但无济于事。因此,我的问题是:如何在当前的 Safari 窗口中访问 Web Inspector > Resrouces > Other files?我知道可以使用 启动 Web Inspect ⌥⌘I,然后您可以使用 更改 Inspector 内部的窗格⌘]。但是我无法专注于资源文件列表,如下所示: 在此处输入图像描述

是否可以在不使用快捷命令的情况下访问文件夹.mp3内的此文件?Other如果不是/如果是这样,我如何访问Other此窗口窗格内的文件夹?

提前感谢您的帮助。

0 投票
1 回答
163 浏览

javascript - Google Chrome Inspector:如何在断点处编辑对象?

没有看到这个问题的重复。

我在事件对象上有一个断点(来自 fullCalendar)。我想手动更改参数,因为此数据来自后端。

例如

不确定这是否可能。