标签: web-inspector

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

是否有Chrome插件或其他方式来更改Chrome本身的查看媒体,以打印机的形式查看页面？我认为它没有特定于Chrome的解决方案,但这是我的主要浏览器,所以拥有一个浏览器内的解决方案会很不错.

现在我只专注于打印预览媒体,但是能够更改为任何支持的媒体类型(即所有/盲文/浮雕/手持/打印/投影/屏幕/语音/ tty /)是理想的电视).

在Chrome的开发工具的"网络"标签中查看有关样式表的信息时,一列指定"尺寸"和"内容":

任何人都可以了解这两个数字之间的差异吗？在某些页面上,数字很接近,而其他页面则相差很多.

我最近一直在为一个网站制作一个打印样式表,我意识到我无法通过有效的方式进行调整.使用重新加载周期来处理屏幕布局是一回事:

• 改变代码
• 命令选项卡
• 重装

但是当你尝试打印时,整个过程会变得更加艰难:

• 改变代码
• 命令选项卡
• 重装
• 打印
• 斜视打印预览图像
• 在预览中打开PDF以进一步检查

我在这里错过了哪些工具？WebKit的检查员是否"假装这是分页媒体"复选框？Firebug(不寒而栗)可以做些什么吗？

当我使用CSS时,我经常在浏览器中测试 - 比如说Chrome,右键单击一个元素,单击Inspect Element,然后在那里编辑CSS.使用箭头键来改变边距和填充等内容可以让事情变得非常容易.

然后将这些更改应用到CSS文件并不是很难,但如果我可以在检查器中右键单击选择器并选择"导出"或"复制",并将内容提供给我,那将会很酷.剪贴板.

这样的事情存在吗？

使用chromes web检查器查看代码非常有用.但是,您如何查看按钮的悬停代码？您必须将鼠标悬停在按钮上,因此无法在检查器中使用它(鼠标).在检查员中是否有任何捷径或其他方法可以实现这一目标？

iOS 6内置支持远程调试(1分钟截屏视频).它适用于新的Safari Web Inspector,它似乎是一个1年前的WebKit Inspector分支.它错过了一些功能,如JS编辑和WebSocket框架检查.

Safari的Web检查器确实使用WebKit远程调试协议.但是,Safari不使用TCP/HTTP作为传输层,因此使其与Chrome不兼容.

苹果公司的Timothy Hatcher(又名Xenon)表示

• Safari用于传输层的是什么？
• 我可以从这个神秘的传输层创建代理到HTTP,以使其与Chrome DevTools一起使用吗？

从版本19开始,Chrome的Web Inspector具有称为"片段支持"的实验性功能.以下是如何激活它:

1. 打开chrome:flags,启用"Developer Tools实验",重启.

2. 打开Web Inspector(开发人员工具),点击右下角的设置齿轮图标,启用"Snippets support",重新启动.

   

3. 打开Scripts面板,单击左侧的"导航树"图标,找到一个空的Snippets选项卡.

   

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

人们如何在移动设备上调试网站？

我希望能够操作HTML和CSS类似于在桌面浏览器中使用Inspector,并调试JavaScript.

升级到 Xcode 11.3.1 后，我在将 Safari Web 检查器与 iOS 12.1 模拟器一起使用时遇到问题。每次我在 iOS 12.1 模拟器设备中运行应用程序时，它都会显示在 Safari 调试菜单中并允许我连接到它，但我会看到的唯一选项卡是源、控制台和审计。

这是连接到模拟器内 Safari 浏览器实例的检查器的屏幕截图。

有没有办法解决这个问题？

环境：

• MacOS 10.14.6 (18G95)
• Xcode 11.3.1
• Safari 13.1 (14609.1.20.111.8)
• 模拟器版本 11.3.1 (SimulatorApp-912.5.1 SimulatorKit-570.3 CoreSimulator-681.17.2)

当我连接我的iOS 6设备进行远程调试以测试我的移动Web应用程序时,带有我的设备名称的safari开发菜单显示"No Inspectable Applications".

我已在设备的Safari设备设置中启用了Web检查器.

为什么会这样？