标签: web-inspector

我正在本地主机服务器上运行一个 node.js 项目，我已经这样做了几个月而没有看到这一点，但最近，当我打开检查器时，我收到了此警告：

The deferred DOM Node could not be resolved to a valid node.

我通常会进入元素上的检查器来检查某些属性、事件监听器或其他信息，但会弹出此警告，并且它不会将我带到该元素。这非常烦人，我真的不知道为什么它开始出现，也不知道如何摆脱它。我唯一的线索是，在出现此问题的同时，我正在更改快速会话的一些初始化设置，但我不确定这是否相关。

以前有其他人遇到过这个吗？你如何摆脱警告？谢谢！

虽然这可能是一个非常基本的事情,但我似乎找不到这个问题的答案.我看到很多讨论content scripts.当我打开web inspector的chrome,选择sources,我看到一个叫做标签content scripts.我看到几个随机数和一些脚本,我似乎无法弄清楚它们是什么.这些如何显示？这些来自哪里？我看不到我的服务器提供任何这些服务.

Safari 的网络检查器（更具体地说是 CSS 编辑器）存在严重缺陷。在下面的示例中，我输入font-size: 0.8em;并按 Enter 键，但网站上没有任何变化，并且我刚刚输入的代码消失了。所以我决定再次输入相同的代码，但在我按回车键后，现在发生了这种情况：

到目前为止我所知道的是：

• 它总是以完全相同的顺序发生。首先尝试什么都没有发生并且代码消失。第二次尝试代码显示如图所示。
• 大多数时候，“错误代码”列表只有几行，我可以将其删除以重试。在极少数情况下，“错误代码”为 100-200 行。
• 通常，经过 2-5 次尝试，代码将不再出现错误，并且更改将应用​​于我正在使用 web-inspector 的网站。只需尝试几次即可。
• 这只发生在 Safari 中。我安装的所有其他浏览器（例如 Chrome 和 Firefox）仍然可以正常运行，没有任何问题。根本没有被窃听的网络检查器。
• 该错误可能发生在所有 CSS 属性上，因此不一定是font-size. 而且margin基本上任何其他代码都做同样的事情。
• 我尝试过的每个网站都容易受到此错误的影响，因此它不仅仅发生在我自己的一个小项目上。我相信这是一个真正的 Safari 错误。
• 它只发生在 CSS 属性上。因此，我尝试更改的任何其他网站元素（包括 CSS 选择器）根本不会受到干扰。
• 我对此并不是 100% 确定，但它似乎只发生在（部分）需要数字作为输入的 CSS 属性上，例如 0.9em、85%、16px 等。

Safari 是最新的，但我不知道这个问题出现了多久。现在已经至少六个月了，我已经“学会了忍受它”。但现在我真的很想解决这个问题，但我不知道是什么可能导致这个问题。在 Safari 上我没有安装任何扩展或任何东西。只需简单的 Safari 安装即可。

有人遇到过同样的问题吗？

我该如何解决这个问题？

在Safari中运行以下脚本时(打开Inspector)

window.onload = function() { 
    "use strict";
    var x = 1;
    debugger; // debugger will auto-break on this line
}

当x在断点上时,在控制台中询问时出现以下错误:

Error
message: "'with' statements are not valid in strict mode"

删除该"use strict";行允许我x在该断点处从控制台访问.

两次都x显示Scope Variables在侧栏中.

我需要在调试时检查android应用程序中的javascript执行(webview小部件); 通过SDK和USB电缆和/或http/websockets; 从destop计算机(例如在桌面上运行的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级别)以启用该功能,但我没有找到任何参考搜索网页,以获得在webroid的检查器界面自动化的adroid设备中使用javascript级别的实时调试的经验.

1.-以二进制形式存在的功能是否在实际的Android设备中执行？(adroid的webkit分发是在没有启用WDS标志的情况下构建的？:-()

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

3.-如果可以启用webkit检查器/调试器功能,如何使从远程应用程序进行交互成为可能？(例如,来自使用websockets的另一个javascript应用程序,或桌面计算机上的chrome).

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

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

欢呼,啤酒.

关于Firefox开发者版我非常激动!我现在正在使用它并喜欢它.但是在上下文菜单中有一种行为真的让我烦恼.

在"稳定"的Firefox中,当我右键单击某个项目并点击"Inspect element"选项时,检查器出现,DOM树对光标所在的项目开放.

在Developer Edition(Aurora轨道)中,当我执行上述操作时,它只将DOM树打开为"body".这是发生在其他人身上吗？是否有一个我错过的选项可以解决这个问题？

编辑11/13/2014 9:01 am

我有一点:facepalm:当我意识到我可以点击检查员工具栏最左侧的图标时,打开"通过点击选择".这有帮助,但它仍然没有完全解决我使用超级方便的右击"检查元素"问题的问题.

我试图在Safari中的本地存储中查看单个值的全部内容(它是一个很长的JSON对象).当我查看键/值对时,屏幕的值太长,复制行只会复制值的可见部分.有没有办法看到整条线？

我刚刚观看了Google I/O会话Jank Busters:构建Performant Web Apps,其中发言者解释了如何在Chrome Web检查器时间轴中使用新的"框架"视图.

这是我在正在开发的页面上滚动时获得的示例录制:

正如您所看到的,某些帧中存在巨大延迟但在时间线中没有任何明显原因(黄色"Timer Fired"事件之间存在较大差距).如何解决性能问题以便始终如一地提高帧速率？

我正在尝试使用Google Chrome检查器调试远程javaScript.我记得过去能够:

1) Edit remote javascript using Chrome Inspector

2) 'Save' the change using (cmd + s)

3) Test the effect the the altered javaScript on the page

现在,当我尝试"保存"更改时,我会在"标签"中看到一个黄色警告图标

"Changes to this file were not saved to the file system"

任何人都可以帮助我,请记住我正在使用远程代码(不是试图改变本地文件),我确实安装了开发人员工具扩展.

背景

我的公司最近转向应用程序开发.虽然Android上的开发和Q/Aing相对无痛,但另一方面,iOS被证明是一种痛苦.

该任务涉及查看我们的应用程序的页面源(具有自定义浏览器).我听说Web Inspector是一个很棒的工具,所以我选择了它.

问题

• 首先,Web Inspector之前已经能够检测到自定义浏览器.
• 但很常见,Web Inspector的菜单提供了"No Inspectable Applications"提示.
• 这与之前使用的完全相同的应用程序版本相同.
• 似乎没有任何触发器; 昨天Web Inspector正在使用自定义浏览器,然后几个小时后(在此期间我可能已断开连接并重新连接iPhone)它停止工作.

尽管我已经打了一个星期的脑袋,但我还是弄清楚了为什么.

意见

我有一台运行iOS 7.0.4的iPhone 4S.我的Mac Mini有Safari 7.0.

在手机选项中

• Web Inspector 在iPhone菜单中打开
• 所有隐私模式都设置为关闭 - Do Not Track, Block Cookies等等(此问题)
• Javascript已在手机中开启.

在我的Mac Mini上的Safari中 - 启用了开发菜单(显然)

更多观察

• Web Inspector检测到iOS Safari.

那么,我该如何调试呢？可能是什么原因以及可能的解决方案是什么？