`
sg552
  • 浏览: 620024 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
47437293-94b9-3b04-9152-8971c7580049
白手起家学习使用Flex
浏览量：18709
社区版块
存档分类
最新评论

如何使用Safari 调试 Web页面( developer tools)

safari developer tools 
阅读更多

灰常简单的一个问题，找了好久。  终于半小时之后找到答案

 

Safari Developer Tools 基本等同于 Google Chrome Developer Tools， 图标基本一样。

类似于 firebug.   跟 IE8的 developer tools也基本一样。

 

但是用之前需要：

 

1.  打开 preferrence

2.  打开 Advanced Tab，在最下面的 "Show develop menu ..." 前面打钩。

 

然后回到页面，  ctrl + alt + i 就欧了。 灰常熟悉吧？ ^_^

 

分享到：
| virtualbox下 的 ubuntu 配置 SSH
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    WEB页面测试类

    - **浏览器开发者工具**：如Chrome DevTools、Firefox Developer Tools，用于实时查看和修改网页元素，调试JavaScript代码。 - **性能分析工具**：Lighthouse、WebPageTest等，提供性能评分和优化建议。 4. **...

    好用的javascript调试工具

    二、Firefox Developer Tools Firefox的开发者工具与Chrome DevTools类似，但也有其独特的特点，如网络面板可以详细跟踪HTTP请求，CSS编辑器提供实时预览，以及Web Audio可视化工具。通过按F12或快捷键Ctrl+Shift+I...

    js调试工具，javascript调试工具

    通过无线调试，可以在移动设备上进行JavaScript调试，例如Chrome的Remote Devices功能，使得在真实设备上调试Web应用成为可能。 总结，JavaScript调试工具是开发者不可或缺的伙伴，它们能够帮助我们定位问题、提升...

    Safari网页设计指导

    - **使用Safari Developer Tools：** Safari提供了强大的开发者工具，包括Web Inspector、JavaScript Console等，帮助开发者调试和优化网页应用。 - **测试工具：** Safari支持多种测试工具，如模拟不同的网络环境、...

    javascript 调试工具

    4. Safari Web Inspector：对于苹果设备，Safari浏览器的Web Inspector可以让你调试iOS和Mac上的JavaScript代码。 二、断点调试 断点是调试的关键，它允许你在代码的特定位置暂停执行，以便检查此时的状态。在源...

    用于在IE浏览器下做js调试使用的好工具

    6. **第三方工具**：还有一些第三方的js调试工具，如Safari的Web Inspector，也可以通过特定的方式在IE上使用，但兼容性和稳定性可能不如原生的解决方案。 在实际使用中，开发者应根据自己的需求和环境选择合适的...

    FireFox调试工具:FireBug加对应版本FireFox

    虽然FireBug在后来的Firefox版本中被Web Developer Tools所取代，但其设计理念和功能在现代的开发工具中得到了继承和发展。例如，Chrome的开发者工具、Safari的Web Inspector等，都提供了类似的功能。 总之，...

    javascript的调试工具

    此外，还有一些其他的JavaScript调试工具，例如Safari的Web Inspector、Edge的Developer Tools，以及IDE如WebStorm和IntelliJ IDEA，它们都有强大的JavaScript调试功能。 总之，熟练掌握JavaScript调试工具是提升...

    javascript 调试 工具

    - **Safari Web Inspector**：苹果的Safari浏览器同样内置了强大的调试工具，可通过`Cmd+Opt+I`访问。 - **Microsoft Edge DevTools**：微软的Edge浏览器也提供了强大的调试环境，可通过`F12`或`Ctrl+Shift+I`打开...

    基于移动端真机调试的图文教程(分享)

    最近要分析web页面，在安卓和ios上的性能差异，除了操作系统...4）mac打开safari浏览器（菜单->开发->对应的手机名称->要调试的页面），点击即进入Safari Developer Tools 5)可以见到的调试界面是这样的 缺点：不能

    js调试工具

    2. **Firefox Developer Tools**： Firefox的开发者工具同样强大，与Chrome DevTools类似，但有其独特的功能。 - **Web Console**：结合了Console和Network的功能，提供更全面的错误跟踪和性能分析。 - **...

    Js的常用调试方法整理集合 全面详细

    - **Safari的Web Inspector**：适用于iOS和macOS，提供丰富的调试功能。 - **Edge和Opera的开发者工具**：与Chrome DevTools相似，因为它们都基于Chromium内核。 在进行JavaScript调试时，了解并熟练使用这些工具...

    JS调试.zip

    `语句或者第三方库提供的调试工具，如React的`React Developer Tools`，可以深入到库和框架内部进行调试。 学习并熟练掌握这些JS调试技术，能够极大地提升开发效率，减少bug的出现，提高代码质量。通过"JS调试.mp4...

    firebug和Firefox.rar

    自Firefox 57 Quantum版本起，官方不再支持Firebug，而是推荐使用内置的Web Developer Tools。尽管如此，Firebug的很多理念和功能仍影响着现代的浏览器开发者工具。 5. 其他相关工具： 虽然Firebug已停止更新，但...

    javascript调试工具

    4. Safari Web Inspector：苹果Safari浏览器的开发者工具，主要针对iOS和Mac平台，具备常规调试功能，可以通过`Cmd+Opt+C`快捷键打开。 二、命令行调试工具 1. Node.js Debugger：Node.js环境下的调试工具，通过`-...

    javascript 的调试

    除了Chrome DevTools，Firefox的Developer Tools、Microsoft Edge的F12工具、Safari的Web Inspector等也是常用的JavaScript调试工具，它们都提供了类似的功能。 在源码调试方面，理解模块系统，如CommonJS和ES6的...

    silverlight 5下载全

    3. 对于开发者，安装`Silverlight5_Tools.exe`和`Silverlight_Developer.exe`，这样可以使用Visual Studio进行Silverlight项目开发，并在本地进行调试和测试。 通过这些文件，开发者可以完全地参与到Silverlight 5...

    firebug-1.5.4

    9. **兼容性**：尽管Firebug最初是为Firefox设计的，但后来也有类似工具如Chrome的Developer Tools和Safari的Web Inspector，它们在功能上与Firebug相似，适应不同浏览器的开发需求。 10. **版本迭代**：Firebug-...

Magicbox
Global site tag (gtag.js) - Google Analytics