Questions tagged «web-inspector»

Web Inspector是所有现代浏览器中的内置开发人员工具集。如果您的问题仅与这些工具有关,请仅使用此标签,并确保包括所用浏览器的标签。如果您使用了Web检查器,但问题与此无关,请不要使用此标签。

11
在打印预览模式下使用Chrome的Element Inspector?
我正在开发一个网站,需要在打印视图上工作。通常,当我遇到布局问题时,我会使用Chrome的Element Inspector。但是,在打印预览模式下不存在此功能。 是否有Chrome插件或其他方法可以更改您在chrome本身中的查看媒体,从而像打印机一样查看页面?我想它不是特定于Chrome的解决方案,但是那是我的主要浏览器,因此拥有浏览器内解决方案会很好。 现在,我仅关注打印预览介质,但是理想的是能够更改为任何受支持的介质类型(即,全部/盲文/浮雕/手持/打印/投影/屏幕/语音/ tty /电视)。

4
Chrome开发工具-“大小”与“内容”
在Chrome开发工具的“网络”标签中查看有关样式表的信息时,一列会同时指定“大小”和“内容”: 有人能阐明这两个数字之间的区别吗?在某些页面上,数字接近,而在另一些页面上,它们之间的差异很大。

12
有关调试打印样式表的建议?
我最近一直在为网站设计打印样式表,但我意识到我对有效的调整方法一无所知。具有重新加载周期以处理屏幕上的布局是一回事: 更改密码 命令标签 重装 但是当您尝试打印时,整个过程变得更加艰巨: 更改密码 命令标签 重装 打印 斜视打印预览图像 在预览中打开PDF以进行进一步检查 我这里缺少工具吗?WebKit的检查器是否具有“假装此页面媒体”复选框?Firebug(颤抖)能做些魔术吗?

3
使用诸如SystemJS之类的模块加载器时,可以在Safari的Web检查器中进行调试
我创建一个Ionic使用应用程序es6 modules,TypeScript并SystemJS作为一个模块加载器。这是我的设置: tsconfig.json: { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html: <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> 示例脚本(TypeScript): import {IConfig} from "./app-config"; export class ConfigLoader { ... } Chrome一切正常。但是,在使用Safari的Web Inspector进行调试时,我无法在脚本中放置任何断点,因为Web Inspector仅显示直接从HTML(通过脚本标记)加载的脚本,而不显示XHR(在我的情况下是通过SystemJS)加载的脚本。这意味着我无法调试自己的脚本,这当然是不可接受的。 我试图像以前一样通过使用SystemJS来解决此问题,但也将脚本标签放置在html中,如下所示: <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script src="js/app-config.js"></script> ... other app scripts <script>System.import('js/app.js')</script> 但是,这不起作用,因为SystemJS对此并不满意: 无效的System.register调用。匿名System.register调用只能由SystemJS.import加载的模块进行,而不能通过脚本标签进行。 如何使用SystemJS,同时又可以在Safari中进行调试?我正在寻找比“在每个脚本中放入调试器语句”更复杂的解决方案。

14
从检查器导出CSS更改(Webkit,Firebug等)
使用CSS时,通常会在浏览器(例如Chrome)中进行测试,右键单击元素,单击检查元素,然后在此处编辑CSS。使用箭头键更改诸如边距和填充之类的内容使排列内容变得非常容易。 然后进行这些更改并将其应用到CSS文件并不难,但是如果我可以右键单击检查器中的选择器并选择“导出”或“复制”,并将其内容保存在我的工具中,那将很酷。剪贴板。 是否存在这样的东西?


2
使用Chrome DevTools调试iOS 6 + 7 Mobile Safari
iOS 6内置了对远程调试的支持(1分钟截屏)。它与新的Safari Web Inspector配合使用时看起来不错,它似乎是WebKit Inspector的1年历史。它缺少一些功能,例如JS编辑和WebSocket框架检查。 Safari的Web检查器确实使用WebKit远程调试协议。但是,Safari并未将TCP / HTTP用作传输层,因此使其与Chrome不兼容。 苹果公司员工蒂莫西·哈彻(Timothy Hatcher,又名氙气)说 Safari在传输层使用什么功能? 我可以从这个神秘的传输层到HTTP建立代理,以使其与Chrome DevTools一起使用吗?

6
Chrome开发者工具:什么是代码段支持?
从版本19开始,Chrome的Web检查器具有一项实验性功能,称为“代码段支持”。这是激活它的方法: 打开chrome:flags,启用“开发人员工具实验”,然后重新启动。 打开Web Inspector(开发人员工具),点击右下角的设置齿轮图标,启用“代码段支持”,然后重新启动。 打开“脚本”面板,单击左侧的“导航器树”图标,然后找到一个空的摘录选项卡。 我的问题是:我可以用它做什么?如何用代码片段填充?


4
Safari Web检查器仅显示源,控制台和审核
升级到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)
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.