问题标签 [web-inspector]

我很想知道开发 en JS 的最佳方式。如果我能得到一份在 JS 中开发和调试的工具列表。我不确定是否有。目前，我正在使用：

总结:)

1. 记事本++
2. JLint N++ 插件
3. Chrome 网页检查器
4. 网络斯特罗姆
5. 崇高的文字 2
6. NetBeans 7.3
7. 织梦者

iOS 6 内置了对远程调试的支持（1 分钟截屏）。它与新的 Safari Web Inspector 配合得很好，它似乎是 WebKit Inspector 的 1 年分支。它遗漏了一些功能，例如 JS 编辑和 WebSocket 帧检查。

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

苹果员工 Timothy Hatcher（又名 Xenon）说

• Safari 将什么用于传输层？
• 我可以从这个神秘的传输层到 HTTP 做一个代理，让它与 Chrome DevTools 一起工作吗？

我正在开发一个通过 http 请求与服务器通信的 ios 应用程序。我想在 ios 模拟器/设备中测试我的应用程序时监控网络流量。

是否有任何软件或工具可以用来检查 mac/ios 上指定应用程序的 http 请求，就像 web 开发人员的 firebugs？

谢谢。

我刚刚观看了 Google I/O 会议Jank Busters：构建高性能 Web 应用程序，演讲者解释了如何在 Chrome Web 检查器时间轴中使用新的“框架”视图。

这是我在正在开发的页面上滚动时得到的示例记录：

如您所见，某些帧存在巨大延迟，但时间线中没有任何明显原因（黄色“Timer Fired”事件之间存在很大差距）。如何解决性能问题以持续提高帧速率？

我正在使用 google chrome 开发者工具来测试我的网站；

它对某些元素工作正常，但对于其他元素，它显示选择器但显示它没有样式；该元素确实具有样式，并且样式应用于该元素。但检查员没有显示任何样式。

如果我单击该检查器的 css 文件行的链接，我可以在那里看到样式。

我看到一个谷歌小组主题，指出删除任何空url()声明修复了该错误。但是我没有空的url()声明。

我还发现了这个有点相似的错误；但不完全相同。我确实注意到的一件事是这个错误提供的用例和我的设置都使用了 twitter-bootstrap。我正在使用 .less 版本的引导程序，其中包括引导程序到单个 css 文件中作为复制 > 粘贴方法，所以我的 css 文件有3740 行。这可能是问题的一部分吗？

元素没有深度嵌套 ( body > div#container > inspected element)。
没有过多的样式应用于元素（<= 10）。

点击放大

此页面在 Chrome 开发人员工具中提到了“实时编辑按钮”。它看起来像一支带有省略号字符的铅笔。我想我以前看过几次，但现在找不到了。
它是否对某些脚本被禁用/隐藏，也许？还是从 Chrome 的稳定版本中删除？

Possible Duplicate:
How do I tell which font Chrome is using?

I am trying to figure out, using Chrome’s web inspector, what font my site is actually rendering – not simply the CSS font-family spec.

In my case, I happen to know that the first two fonts in the font-family listing are not on my machine. But I shouldn’t have to leave the browser to figure that out. Is there a feature in web inspector, or elsewhere, that offers this?

如果我在新的开发者控制台中检查 CSS 属性，由于某种原因没有行号，而是一个小箭头，您可以将其悬停或单击以获取行号或样式表。在旧的 Webinspector 中，这要快得多，因为包含行号的样式表已经作为链接写在那里。

有谁知道如何改变这个或解决方法？我已经查看了默认值，但找不到任何东西。

我看到这个https://devforums.apple.com/message/705663已经有一个错误票，所以希望它可以改变为旧的行为......

虽然这可能是一件非常基本的事情，但我似乎无法找到这个问题的答案。我看到很多关于content scripts. 当我打开并选择web inspector时，我看到一个名为. 我看到几个随机数和一些脚本，但我似乎无法弄清楚这些是什么。这些是如何显示的？这些是从哪里来的？我看不到我的服务器提供这些服务。chromesourcescontent scripts

我已经为此苦苦挣扎了 2 天。由于我在该页面的缩略图列表中添加了文本标签：http: //hixair.fr/galleries/indexcopy.php

该页面似乎加载正常，直到它到达中间并且缩略图重叠。奇怪的是，如果您打开代码检查器，或旋转 iPhone/ipad 上的显示屏，一切都会刷新并完美显示。我主要使用 Safari 进行测试，Galaxy SII 浏览器中也存在问题。火狐似乎很好。一些帮助将不胜感激！（页面验证为 XHTML 1.0 Strict）