标签: web-inspector

新的iOS 6 Safari附带了Web Inspector功能,可以通过USB线从桌面Safari连接到它.然后,它允许您从桌面调试在iOS Safari中打开的页面.但据我所知,此功能仅在Mac Safari上支持,而不是在Windows上支持？我是对的,还是Windows Safari也有可能？或者它可能会在以后可用？

我记得有一个特定的命令可以放在谷歌Chrome的检查器控制台上,以便加载jQuery并允许你执行jQuery命令.

但是,我不记得它是哪个命令,在线搜索只会给我带来无关的结果.

谁知道那个命令是哪个？

谢谢!

编辑:多年后,我意识到我$$在控制台中要求这个功能.但是,这不是jQuery,而是提供了类似的选择器选项,很可能是简写document.querySelectorAll.这里的答案解决了添加jQuery for real及其所有功能的问题.

chrome检查器中的哪个选项卡显示您通过font-face加载的字体文件？我无法在资源下找到它.我有一个问题,其中一组font-family文件正在加载,但另一组font-family文件没有加载.我已经检查了所有内容,从直接转到URL并看到它们确实存在,但是我想查看检查器并看到它加载一个字体系列而不是另一个字体系列.铬有可能吗？

我在Safari中使用iOS 6模拟器和闪亮的新Web Inspector.

问题:iOS 6 Web应用程序加载时是否可以自动加载Web Inspector？

我正在使用PhoneGap/Cordova并在启动时加载了大量的javascript.我console.log()广泛使用它进行调试,并希望它在应用程序启动后加载Web Inspector.

目前,当我在Xcode上点击Run时,应用程序会加载setTimeout我的第一个函数,所以我可以赶紧去Safari并在该页面上附加Web Inspector.

我更喜欢删除此步骤并添加一个自动步骤,直接加载Web Inspector.

还有其他方法吗？

我正在创建一个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中调试的能力？我正在寻找比在每个脚本中放置调试器语句更复杂的解决方案......

我现在遇到了一些利用CSS3关键帧式动画的网站,并决定在我自己的网站上测试它.然而,这让我陷入了一个难题:通常在我将CSS文件提交到网站之前,我将使用浏览器的检查器(Ctrl+Shift+I在Chrome,Opera和FF; F12在IE中)在本地调整和更改CSS以查看我的内容最喜欢.但是,似乎无法使用浏览器检查器更改CSS3动画的关键帧!这对我来说是一个极端的障碍,因为它每次我想要改变动画的任何细微差别时都会强制我提交一个CSS文件,这也会导致服务器延迟15分钟.有什么办法可以用浏览器检查器在本地更改CSS3动画关键帧吗？

我们有一个混合的Android应用程序.我试图从一个来回导航WebView到一个Native上下文.使用chrome://inspect/#devices我注意到检查的设备有多个实例,detached而其中一个实例attached将以chrome显示.参考SO-28254614,现在我还没有开发WebView,但是根据我对应用程序的了解,WebView不是使用Cordova设计的,而是JS中的.我的问题是:

• 为什么我们在Chrome上看到这些分离的设备？
• 这可能是Android WebView漏洞的可能吗？

Chrome Web Inspector中是否有"查找和替换"功能？如果它存在,我可以找到它吗？我正在使用chrome 26.0.1410.64,如果重要的话.

我将为此示例选择Chrome,但我愿意接受任何浏览器的解决方案.

使用案例:我的网站上有一个更新按钮,用于更新购物车中的商品数量.我想允许用户输入0并单击更新以删除该项目.麻烦的是,在某些js函数中有一些监听器拒绝输入0和单击更新的能力(在点击更新后,旧数量仍然存在).

我的问题是,我可以使用哪些开发人员工具来查找在该事件期间运行的js函数？我不认为Chrome的检查员会这样做,而且我对Firebug不是很熟悉,但我也找不到它的功能.

我觉得我应该能像检查css样式一样检查js射击.有人知道我可以使用的工具吗？

当摆弄样本代码样式时,我发现代码的样式将覆盖我的样式,因为它们将使用更高优先级的引用(例如:.div .class> .class).

我会遇到这样的情况:

我怎样才能找出哪种风格压倒了我的风格？ 我想避免使用,!important因为最终我会陷入同样的​​境地.

编辑:我不是在问为什么会这样.我已经知道优先权,因此我提到为什么.div .class优先级高于.class.我想跟踪实际使用的内容,而不是简单地告诉我它是"不活跃的".另外,我已经了解Chrome Developer,因为屏幕截图来自Chrome Developer.

编辑:实际问题已修复,但问题仍然存在... 是否有更简单的方法来查看导致覆盖的原因？

修复:我只是按正确的顺序需要选择器. .box首先,然后.box-blue.