标签: developer-tools

我浏览了很多关于这个问题的问题和答案，但没有一个答案谈论问题的根本原因以及如何永久解决它。

当我打开 Google Chrome 或 Edge 浏览器中任何选项卡的开发人员工具并检查“源”选项卡时，默认情况下它不显示源代码（对于 JavaScript/脚本）。但是，如果我在开发人员工具仍然打开的情况下刷新页面，它就会开始显示源代码。

我不知道在哪里以及如何修复此行为，早些时候，当我打开开发人员工具时，此功能可以正常工作，它用于在“源”选项卡下显示源代码，而无需刷新页面。

一些屏幕截图可以帮助更好地理解我的意思：

1. 当我打开开发人员工具时，“源”选项卡（刷新页面之前）。即使我双击文件名，除非刷新整个页面，否则它仍然不会显示源页面。

2. 刷新页面后的“来源”选项卡

编辑：开发人员窗口中的当前设置以防万一有助于识别问题：

可以在ZF2控制器中登录Zend Developer Tools工具栏中的一些变量吗？

我刚刚更新到Chrome 32.0.1700.76 m(在Win7上),并且开发人员工具已更改.

特别痛苦的是用于检查页面中元素的放大镜图标的消失.快捷键列表中也没有提及它.

任何人都有任何关于它已经消失的信息,和/或如何重新启用它？

我在http://developers.facebook.com上创建了一个新的应用程序,我正在尝试将朋友添加为"开发人员",但是我收到以下错误消息:

param必须是非空的.

如何在网站上的所有JavaScript源中搜索某些包含空格的文本？我知道我应该使用"CTRL + SHIFT + F"(在Windows上),但谷歌Chrome开发者工具不是搜索整个句子,而是搜索由空格分隔的每个单词.如何准确找到我在搜索框中输入的内容？

请看截图:

这是Chrome版"33.0.1750.117"中的错误吗？以前工作正常......有解决方法吗？

我正在研究一些JavaScript - 当然! - 我正在Chrome中进行一些调试.

现在,我希望在调用函数(具有给定名称)时以编程方式启用断点.

1. 它应该像断点一样运作.该debugger关键字总是打破(UHG!),是一个丑陋的神器投入,并从代码中删除.

2. 它不应该需要手动源代码导航/交互.由于源通过自动构建过程组合,因此这成为一项耗时的工作.

理想情况下,它可以像简单和编程控制一样,例如.

Debugger.setBreakpoint({onFunction: "Foo.prototype.bar"})

有没有办法设置一个断点,以便在没有手动导航当前加载的脚本的情况下调用特定(命名)函数？

如果不是以编程方式设想的,有没有办法通过评论设置断点？(断点,不是 - debugger破裂.)

(我可以修改在其他浏览器中使用类似的开发人员工具,只要它在Windows上运行 - 但Chrome解决方案(如果存在的话)是理想的.)

是否可以使用开发人员工具冻结CSS关键帧动画来检查它？我需要在关键帧动画中识别动画元素.

这是一个游乐场:

body{background:#000;}
.circle{
    position:relative;
    width:10px;padding-bottom:50px;
    margin:100px auto;
}
.circle div {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  
  -webkit-animation: rotate 1.5s infinite;
  -moz-animation: rotate 1.5s infinite;
  -o-animation: rotate 1.5s infinite;
  animation: rotate 1.5s infinite;
  
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.circle {
  -webkit-animation: rotate2 1.5s infinite;
  -moz-animation: rotate2 1.5s infinite;
  -o-animation: rotate2 1.5s infinite;
  animation: rotate2 1.5s infinite;
  
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.circle:before, .circle div:before {
  content:'';
  position:absolute;
  top:0; left:0;
  width:100%; …

在开发者工具中查看时，我在 Chrome 中打开的每个网站，包括我自己编写的网站，都包含以下 HTML/CSS 代码。

<style>
.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;
     border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}
.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}
.ws_toolbar {z-index:100000} .ws_toolbar 
.ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px}   
.tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} 
.ws_toolbar img {padding:2px;margin:0px}
</style>

这是一个屏幕截图：

如果您查看源代码，则此代码不可见。它来自哪里？

在MS Edge Developer Tools Emulator中更改"用户代理字符串"只会刷新页面.例如,如果我将其更改为Internet Explorer 6,页面将刷新,但我的所有CSS3属性仍然显示为我在现代浏览器中.Flexbox,3D过渡和转换都继续工作.

我们有一个完整的AJAX网站来调试.开发网络和主机与我们的客户真的不同.

因此,如果我们尝试访问平台,我们没有任何问题客户端也可以工作,但由于未定义的原因经常停留在加载状态.

这就是为什么我们需要知道是否有可能将IE(9或11)Developer Tools中的后台日志控制台或网络数据存储到我们可以检索后者的文件中.

或许,是否有插件或应用程序可以执行相同的工作而不是本机功能？

PS:JFiddler是一个很好的日志网络工具,但不想在生产环境中使用https解密