我是一名新手Web开发人员,我已经多次使用Firebug进行调试.然而,到目前为止,我一直在使用Chrome的内置开发者工具.它似乎做了Firebug所做的一切,并且作为奖励更清洁,更有条理.
随着我的调试越来越先进,Firebug有哪些功能我会错过Chrome的DevTools？如果是这样,他们是什么？
我试图通过Chrome的开发者工具查看工具提示在网站上的结构.然而,即使我在项目上空盘旋,当我"检查元素"时,html中的工具提示也没有显示.我知道我可以设置样式:hover,但我仍然无法看到工具提示的html或css.
有任何想法吗？
我正在查看具有内联javascript重定向(window.location = "/anotherpage")的页面.我想在Chrome中加载页面,但禁用了重定向行,因此我可以在不重定向的情况下使用该页面.
这是我尝试过的:
开发人员工具 - > Cog - >常规 - >禁用JavaScript.加载页面.它没有重定向(耶!).但我仍然希望页面的其余部分的javascript运行,而它还没有.
输入URL,然后单击开发人员工具 - >源 - >暂停(F8)快速!它还没有重定向(是的!)现在我想在取消暂停之前禁用重定向行,但该部分甚至尚未加载到开发人员工具中.所以我会开始逐步浏览其他文件的javascript代码,直到我到达那里？但是一旦我走出其他文件javascript,它立即重定向(doh!).
可以这样做吗？我认为禁用一行javascript应该很容易,但我很难过.
注意:我已经读过类似的线程,但没有一个我的问题 - 我可以点击它就好了,它就会消失.
我发现"Inspect Element"在Chrome中是一个非常宝贵的工具,但是我最新的尝试,因为我学习了你们许多人已经拥有的巫术方式,看到我在导航栏上为一个元素创建了一个子菜单,当它悬停在它上面时弹出父项目.
弹出窗口(或者说是向下)不是我想要的样式,所以我右键单击>检查元素以查看究竟是从哪里来的,并更好地了解如何实现我想要的效果.
但是,只要我将鼠标从菜单移开,它就会消失.
因此,我无法在检查窗格中选择不同的元素,并查看同时突出显示的区域.
有没有办法解决这个问题,而不更改菜单,以便一旦激活它就会"弹出"？
我的asp.net项目中的Content文件夹中有一个json文件:
<projectName>
\Content
NBCCJr.json
...以及访问它的代码:
$.getJSON('~/Content/NBCCJr.json', function (data) {
$.each(data, function(i, dataPoint) {
// Bla
});
});
)
......但是在调用代码时没有任何反应; 浏览器控制台说:"无法加载资源:服务器响应状态为404(未找到)"
为什么没找到？是不是"tilde whack filename"文件的正确路由？
我也向后试了"whacks":
$.getJSON('~\Content\NBCCJr.json', function (data) {
...并得到相同的结果(" 无法加载资源:服务器响应状态为404(未找到) ")
然后我尝试了这样一个前所未有的打击:
$.getJSON('Content/NBCCJr.json', function (data) {
...我在控制台中收到了这个含糊不清的消息:
*GET http://localhost:9702/Content/NBCCJr.json 404 (Not Found) jquery.js:8724
XHR finished loading: "http://localhost:9702/Content/NBCCJr.json".*
所以它还没有找到并且还没有加载？
当我尝试通过更改以下内容导航到浏览器中的文件时:
http://localhost:9702/Default.cshtml
...至:
http://localhost:9702/Content/NBCCJr.json
我从Vint Cerf,Tim Berners-Lee和/或Al Gore那里获得了一条信息丰富的WSOD消息说:
HTTP错误404.3 - 未找到由于扩展配置,无法提供您请求的页面.如果页面是脚本,请添加处理程序.如果要下载文件,请添加MIME映射.
感谢JAM,它现在正在运作.
我不得不将其添加到Web.Config:
<system.webServer>
<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>
</system.webServer>
我创建了一些相当复杂的DOM元素,其中包含:after伪元素,我希望能够在Chrome Inspector或Firebug或同等版本中检查和调整它们.
尽管此WebKit/Safari博客文章(日期为2010年)中提到了此功能,但我无法在Chrome或Safari中找到此功能.Chrome确实至少有要检查的复选框:hover,:visited和:active状态,但是:before和:after无处可见.
此外,这篇博文(日期为2009年!)提到IE开发工具中存在此功能,但我目前正在使用Mac OS,所以这对我没有帮助.此外,IE不是我主要针对的浏览器.
有没有办法检查这些伪元素？
编辑:除了错误的Firebug无法检查这些元素,我发现Opera非常擅长于Inspecting:before和:after元素开箱即用.
我正在通过Chrome的移动仿真工具调试我们网站的移动版本,但无法弄清楚如何在选择文本字段时弹出屏幕键盘.
我点击了文本框,但没有弹出键盘.如果我在移动设备上执行此操作,则弹出默认输入法(键盘)并允许我键入.
有没有办法复制这个？
iOS 6内置支持远程调试(1分钟截屏视频).它适用于新的Safari Web Inspector,它似乎是一个1年前的WebKit Inspector分支.它错过了一些功能,如JS编辑和WebSocket框架检查.
Safari的Web检查器确实使用WebKit远程调试协议.但是,Safari不使用TCP/HTTP作为传输层,因此使其与Chrome不兼容.
苹果公司的Timothy Hatcher(又名Xenon)表示
safari mobile-safari web-inspector ios google-chrome-devtools
我在Google Chrome开发者工具中收到此错误:
找不到jquery-2.0.2.min.map
我找到了一种方法来摆脱它从我的删除jquery-2.0.2.min.js:
//@ sourceMappingURL=jquery-2.0.2.min.map
但是,我不相信这是一个好主意,因为这可能只是一个临时修复,可能会成为未来的问题.因为我不太了解这个错误的性质和愚蠢的解决方案:是什么导致了这个错误并且有更好的解决方案吗？
显然,这不仅仅是与jQuery 2.0.2 相关的问题.一个非常相似的Stack Overflow问题有一个很好的解释是jQuery的jquery-1.10.2.min.map触发了404(Not Found).我希望这会对局势有所了解.
我想在React Native中查看我的网络请求以帮助我调试 - 理想情况下,在Chrome的devtools的"网络"标签中.
在GitHub上有一些关于这方面的问题(https://github.com/facebook/react-native/issues/4122和https://github.com/facebook/react-native/issues/934)但我不知道完全理解他们.听起来我需要撤消一些React Native的polyfill,然后使用额外的调试标志运行一些命令,并修改一些Chrome安全设置？显然,这样做有一些安全问题可能会让它成为一个糟糕的主意,但参与该线程的人没有明确说明它们是什么.
有人可以提供一个分步指南,让网络选项卡与React Native一起使用,以及解释这样做涉及的安全问题吗？