问题标签 [web-inspector]

我正在开发一个网站，需要处理打印视图。通常当我遇到布局问题时，我会使用 Chrome 的 Element Inspector。但是，这在打印预览模式中不存在。

是否有 Chrome 插件或其他方式来更改 chrome 本身的查看媒体，以像打印机一样查看页面？我想它没有特定于 Chrome 的解决方案，但那是我的主要浏览器，所以有一个浏览器内的解决方案会很好。

现在我只关注打印预览媒体，但最好能够更改为任何支持的媒体类型（即全部/盲文/浮雕/手持/打印/投影/屏幕/语音/tty/电视）。

我记得看到有一个特定的命令可以放在 Google Chrome 的检查器控制台上，以便它加载 jQuery 并允许你执行 jQuery 命令。

但是，我不记得它是哪个命令，并且在线搜索只会给我带来不相关的结果。

有谁知道那个命令是什么？

谢谢！

编辑：多年后，我意识到我是在要求$$控制台中的功能。但是，这不是 jQuery，而是提供了一个类似的选择器选项，很可能是document.querySelectorAll. 此处的答案解决了添加真正的 jQuery 及其所有功能。

我正在尝试使 console.log() 调用在远程调试工具（使用 iWebInspector 或 Safari）和 PhoneGap 1.4.1 中工作。

不知何故，控制台调用只出现在 XCode 中，看起来 phonegap 正在以某种方式调整控制台的方法。

知道我怎样才能让它工作吗？

这个疑问其实源于我对 websockets 的一个疑问…… socket.io 和 websockets 的区别

我在想为什么像 google Chrome's/firebug/fiddler 这样的网络检查员在使用 websockets/channel-api 等推送技术时无法跟踪消息，（或者有没有办法做到这一点？）这是因为我们正在从 http 升级我们的连接?

我想从网络检查器复制一些 html 代码，但一次只能复制一行。有没有办法选择一个元素块或所有元素？

它当前停靠在浏览器的底部。

我知道它可以拆分为一个单独的窗口，但我希望它停靠在浏览器的一侧。

我正在我的 Javascript 文件中搜索某些文本。我将该文本输入到搜索框中，它很有帮助地告诉我有四个匹配项。到目前为止，一切都很好。但是我怎样才能参加下一场/上一场比赛呢？

从版本 19 开始，Chrome 的 Web Inspector 有一个名为“snippets support”的实验性功能。以下是激活它的方法：

1. 打开 chrome:flags，启用“开发者工具实验”，重启。

2. 打开Web Inspector（开发者工具），点击右下角的设置齿轮图标，启用“Snippets support”，重启。

   

3. 打开 Scripts 面板，单击左侧的“导航树”图标，然后找到一个空的 Snippets 选项卡。

   

我的问题是：我可以用它做什么？我怎样才能用片段填充它？

我需要使用网络选项卡跟踪重定向，但它只有在我打开网络检查器然后重新加载页面时才有效。不幸的是，我从外部本机程序打开此页面并需要找到传递给浏览器的 URL。是否有可能做到这一点？我需要在 Windows 7 上执行此操作。

我已经（像往常一样）使用@media print规则来指定网页的打印应该如何不同于在线版本。这工作得很好，但测试真的很难。我通常要做的是以下步骤：

1. screen为和创建不同的样式print。
2. 以屏幕模式启动您的页面
3. 将页面打印到 PDF 打印机等。
4. 看看结果。
5. 尝试找出行为错误的规则。

我想做什么（但无法使用任何浏览器）：

1. screen为和创建不同的样式print。
2. 以屏幕模式启动您的页面
3. 进入预览打印模式（例如，对于 Opera、Firefox 可用）
4. 使用 Firebug (Firefox) 或 Dragonfly (Opera) 等可用工具检查 DOM 和当前样式。
5. 动态更改 CSS，重新加载页面，然后再次查看结果和 DOM。

是否有任何浏览器或浏览器、插件和进程的组合可用于获得类似结果？如果您有想法如何更改文件的组织，只需进行最少的更改即可获得所需的结果，欢迎您。