问题标签 [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.
javascript - Chrome devtools:无需切换到“源”选项卡即可进入调试器
如果我debugger
在打开 Chrome 开发工具的情况下将语句放入我的 JavaScript 源代码中,它将停止执行,因此我可以从控制台以交互方式探索当前上下文。真是太棒了。
但不幸的是,它也会切换到 Sources 选项卡并显示debugger
语句发生的行。大多数时候,我想键入 JavaScript 命令,所以我必须手动切换回控制台选项卡。
我可以避免选项卡切换并留在控制台选项卡中吗?
还是我用错了?
javascript - 消除控制台中的 404 url 错误?
我尝试消除由于缺少源(src)而发生的 404 错误..
如果尝试了很多东西来捕捉错误,即.error(function(){})
在最后放置一个。使用$chart.load()
- 方法检查图像是否被加载?这些都没有帮助?
GET {myURLString} 404 (Not Found)
浏览器:Safari
webkit - 在 WebKit Inspector js 中,控制权在哪里返回到被检查的页面?
我一直在查看可从 Chromium 项目中获得的 WebKit Inspector js:https ://developers.google.com/chrome-developer-tools/docs/contributing
可以使用状态栏中的放大镜按钮将开发人员工具置于“检查”模式。该模式持续在被检查的页面上单击一次。单击后,页面不再处于“检查”模式。
我想将被检查的页面保持在“检查”模式。
在js中,我已经弄清楚了检查员在哪里
单击状态栏中的放大镜按钮后进入“检查模式”)
- 突出显示正在检查的页面中的元素
- 在 DOM 中找到关联的节点
- 在元素面板中显示节点和树的其余部分
- 将焦点放在元素面板中显示的 DOM 树中的选定节点上
我无法弄清楚被检查的页面在“检查”模式后如何返回“正常”模式。
我尝试了以下方法:
- 启用 toggleSearchingForNode 后,防止它被禁用。
- 在revealAndSelectNode中,防止选中的节点获得焦点
都没有帮助。在检查的页面中单击后,页面恢复正常行为。
任何帮助表示赞赏。
jquery - jquery问题和更新css背景图像未在chrome中加载
我正在尝试用 jquery 替换元素上的背景图像。代码看起来是正确的,如果我停止执行页面并检查元素,它就是正确的元素。但是,将鼠标悬停在元素上时,它不会显示在 chrome 中或元素预览中。
我在这里遇到了似乎完全相同的问题CSS 背景图像未加载但提供的修复不起作用。
谢谢,马克
google-chrome - 当我打开网络检查器时,Chrome 正在缩小视口
出于某种原因,每当我在 Chrome 中打开网络检查器时,浏览器的视口都会缩小。解决它的唯一方法是关闭检查器。有谁知道如何解决这个问题,所以它不会改变视口大小?
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 的自动化步骤。
还有其他解决方案吗?
javascript - Chrome 网络检查器:CPU 分析器
我的程序大约需要 20 秒才能加载(很多 svg 对象)。我正在尝试使用 chrome web 检查器进行分析。它显示总共 19.16 秒,但故障并没有完全加起来。我尝试了自下而上,自上而下并以不同的组合排序。仍然无法识别瓶颈。我可以在几毫秒内看到从服务器接收到的数据,但渲染它需要很长时间。
同样在 %ge 视图中,总数为 98%,但其余的单独小于 0.05%,似乎不正确。
在我之前的qn中,我询问了如何显示 #calls 和平均值。我怀疑递归调用可能会导致这种情况,但同时总时间应该反映这一点。
如何识别导致此延迟的功能。任何帮助表示赞赏。
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 应用程序的现代开发和愉快的调试体验成为可能。
干杯,艾尔。
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
此窗口窗格内的文件夹?
提前感谢您的帮助。
javascript - Google Chrome Inspector:如何在断点处编辑对象?
没有看到这个问题的重复。
我在事件对象上有一个断点(来自 fullCalendar)。我想手动更改参数,因为此数据来自后端。
例如
到
不确定这是否可能。