Tag: 谷歌，铬devtools

Chrome开发人员工具工作区映射

任何人都可以告诉我Chrome开发人员工具工作区映射是如何工作的。 我相信现在只有加那利才有。 我认为它应该允许我在元素视图中对CSS规则进行更改，并将它们自动保存到本地文件，如Paul Irish在Google IO 2013中所示。我无法使用此function。 https://developers.google.com/events/io/sessions/325206725

Google Chrome移动模拟器：如何在屏幕键盘上显示

我正在通过Chrome的“移动仿真”工具debugging我们网站的移动版本，但是在select文本字段时无法弄清楚如何popup屏幕上的键盘。 我点击了文本框，但没有popup键盘。 如果我在移动设备上执行此操作，则会popup默认input法（键盘）并允许我键入。 有没有办法来复制这个？

Javascript使用Google Chrome逐行debugging

我怎样才能通过我的JavaScript代码逐行使用谷歌的Chromes开发人员的工具，而不会进入JavaScript库？ 例如，我在我的网站上大量使用jQuery，我只想debugging我写的jQuery，而不是jquery库中的javascript / jquery。 我如何只通过我自己的jQuery / JavaScript，而不必步骤通过jQuery库中的数百万行？ 所以，如果我有以下几点： function getTabFrame() { $.ajax({ url: 'get_tab_frame.aspx?rand=' + Math.random(), type: 'GET', dataType: 'json', error: function(xhr, status, error) { //alert('Error: ' + status + '\nError Text: ' + error + '\nResponse Text: ' + xhr.responseText); }, success: function(data) { $.each(data, function(index, item) { // do something here }); } […]

如何删除所有最近的控制台命令

使用以前提交的命令，将焦点放在控制台上并按上/下键。 我想删除所有最近的命令。 我试过这个命令： console.clear(); 但它仍然不能正常工作。 我甚至在浏览器中清理了整个cookie和caching。 但是这些命令仍然在控制台上。 有谁知道如何？

按正则expression式示例进行过滤

任何人都可以提供一个谷歌浏览器开发工具栏的正则expression式filter的例子吗？ 我特别需要排除。 我已经尝试了很多正则expression式，但不知何故，他们似乎并没有工作：

如何debugging通过AJAX加载的Javascript（特别是jQuery）

我已经改变了我的编码风格，更复杂的项目，以最近“按需”加载页面（和他们的embedded式脚本）。 但是，像这样加载时，很难debugging这些脚本： jQuery.get('/myModularPage', function(html){ /* insert the loaded page into the DOM */ }); 要么 $('#some-container').load('/myOtherPage'); 这些脚本运行完美，但如果我正在debugging，我怎样才能在这些dynamic加载的页面和脚本中设置断点？

Chrome“开发者工具”元素 – 隐藏恼人的黄色尺寸框

当我将鼠标hover在Chrome“开发人员工具”元素面板中的元素上时，如何隐藏出现在html字段下方的令人讨厌的黄色方块 – 由于看不到我的标签底部等原因，这使我疯狂起来。

在chrome开发工具中查找JS内存泄漏

我正在使用chrome dev工具来判断在某些JS代码中是否有内存泄漏。 内存时间线看起来不错，内存正如预期的那样被回收。 但是， 内存快照很容易混淆，因为看起来好像有泄漏，因为在“分离的DOM树”下有条目。 “Detached DOM Tree”下的东西是否等待被垃圾收集或是真正的泄漏？ 也没有人知道如何找出什么function是坚持一个分离的元素的引用？

当前浏览器窗口closures时，如何防止Chrome开发人员工具closures？

我正在尝试使用Chrome开发人员工具来debugging我与Twitter oauth遇到的问题。 当oauth窗口出现时，我打开开发者工具来监视请求 – 但是一旦oauth窗口closures，开发者工具窗口也closures。 我希望能够保持开发工具窗口打开，以便我可以检查所做的请求。 这可能吗？

“检查”hover元素？

注：我读过类似的线程，但没有任何相当我的问题 – 我可以右键点击它的罚款，然后就消失了。 我发现“检查元素”是Chrome中一个非常宝贵的工具，但是我最近的一次尝试，就是我学习了很多人已经拥有的巫术方式，看到我在导航栏上为元素创build了一个子菜单，popup下面的元素父项目。 popup窗口（或向下）不是我想要的样式，所以我右键单击>检查元素以查看来自哪里的确切内容，并更好地了解如何实现所需的效果。 但是，只要我将鼠标从菜单上移开，它就消失了。 所以我不能在检测窗格中select不同的元素，看看哪个区域被同时突出显示。 有没有办法解决这个问题，而不需要改变菜单，这样一旦激活就可以保持“popup”状态？