`
webcode
  • 浏览: 6111944 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Safari如何进行脚本调试【IE、Chrome、Firefox】

 
阅读更多

最近做浏览器兼容的时候发现Safari的脚本调试工具比较难找，因此与大家分享一下

1、找到脚本调试的选项

2、勾选此选项

3、在页面空白处右击打开调试窗口

4、看到下方的调试窗口了

细心的读者会发现，Safari的调试工具与Chrome用的是一个调试工具--Web Inspector。

另外也介绍一下其他几种浏览器的调试器打开方法：

1、IE：F12，这个我们经常会用到，或者工具【Tools】里面的菜单也可以打开，如果需要监控需要另外安装HttpWatch或者Fidder【别的浏览器也能用】插件。

2、Chrome：Ctrl+Shift+j或者F12也能打开Developer Tools调试工具，对于调试前台的js来讲这个是必须的。

3、Firefox：这个通常我们都会安装一个叫Firebug的插件：安装完成之后就会在浏览器的右上角看到一个小虫子图标的东东，就是它了。

分享到：
| Jquery图片截图工具（默认为图片宽度）
评论
发表评论

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

相关推荐

    IE中使用的JS脚本调试器，可以自动定位JS脚本错误的位置，并进行调试

    除了IE，现代浏览器如Chrome、Firefox、Safari和Edge也提供了类似的JS调试工具，如Chrome的DevTools和Firefox的Developer Edition。这些工具在功能上更加丰富，例如支持Promise、async/await的调试，更强大的性能...

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

    标题中的“FireFox调试工具:FireBug加对应版本FireFox”指的是Firefox浏览器的一款强大的开发者工具——FireBug，以及它与特定版本Firefox的搭配使用。FireBug是早期Web开发人员广泛使用的浏览器扩展，它提供了对...

    Javascript在IE和FireFox中的兼容处理

    - 使用CSS3的`border-radius`属性，但需加上浏览器前缀 `-moz-border-radius`（Firefox）和 `-webkit-border-radius`（Safari/Chrome）。 18. **CSS双线凹凸边框问题** - 可以使用CSS3的`box-shadow`模拟，或者...

    ie与firefox兼容文档

    5. **使用前缀**：对于CSS3特性，使用浏览器特定的前缀（如 `-moz-` for Firefox, `-webkit-` for Safari/Chrome），以确保广泛支持。 6. **使用polyfills**：对于JavaScript的新API，可以使用polyfills来为不支持...

    webdriver_firefox_chrome

    WebDriver支持多种浏览器，包括Chrome、Firefox、Safari等，并且与Selenium结合使用，可以创建强大的端到端测试解决方案。 1. **ChromeDriver**: Chrome的WebDriver实现，由Google开发。它是一个服务器，接收HTTP...

    基于jQuery+CSS3 手风琴图片折叠滑开代码(支持ie9 chrome safari firefox opera).zip

    【描述】中提到的“支持ie9 chrome safari firefox opera”意味着这个代码片段是跨浏览器兼容的，可以在这五个主流浏览器（Internet Explorer 9、Chrome、Safari、Firefox和Opera）上正常运行。在前端开发中，确保...

    IE6、_IE7、IE8、Firefox兼容性问题

    尽管这里主要讨论的是IE和Firefox，但现代浏览器（如Chrome、Safari、Firefox）有时也需要使用特定的前缀（如 `-webkit-`, `-moz-`, `-ms-`, `-o-`）来确保某些CSS3特性的兼容性。 8. **浏览器更新和升级**： ...

    DOM文档和Javascript的IE和Firefox兼容性

    8. **CSS前缀**：为了实现新的CSS特性，浏览器厂商会添加自己的前缀，如`-webkit-`（Chrome/Safari）、`-moz-`（Firefox）、`-ms-`（IE）和`-o-`（Opera）。开发者需针对这些前缀编写兼容性代码。 9. **Error对象**...

    Firefox40.rar最新版

    - **与Chrome**：Firefox 40在隐私和定制方面优于Google Chrome，而Chrome则以其速度和插件生态系统著称。 - **与Safari**：Firefox提供了更多的自定义选项和跨平台支持，而Safari主要针对Apple设备优化。 5. **...

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

    在其他现代浏览器如Chrome、Firefox中，内置的开发者工具提供了强大的调试功能，包括断点设置、单步执行、变量查看、网络请求分析等。 对于IE浏览器，虽然其市场份额逐渐被其他现代浏览器取代，但在一些企业或老旧...

    兼容ie,Firefox的文件上传

    标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能，特别是针对Internet Explorer（IE）和Firefox这两个主流浏览器的兼容性问题。在Web开发中，由于不同浏览器对HTML、CSS和JavaScript...

    JavaScript css浏览器的调试

    - 使用 Safari 的 Web 检查器进行脚本调试。 #### 五、Opera 浏览器调试工具 - **Opera 浏览器调试** - Opera 浏览器也提供了开发者工具，用于网页的调试工作。 - 通过 F12 键或右键菜单中的“检查”选项打开...

    支持IE与火狐的脚本特效，很多特效是不支持火狐浏览器的

    标题提到的"支持IE与火狐的脚本特效"，这是针对两种主流浏览器——Internet Explorer（IE）和Mozilla Firefox（火狐）进行优化的JavaScript特效。IE曾经是市场份额较大的浏览器，但由于其内核（Trident）的一些特性...

    js+css精美日历支持ie和firefox等浏览器

    3. **跨浏览器兼容性**：由于不同的浏览器对某些CSS属性和JavaScript特性支持程度不同，开发者需要确保代码能在IE、Firefox以及其他现代浏览器（如Chrome、Safari和Edge）上正常工作。这通常需要使用像`feature ...

    js写的可展开收缩的QQ在线客服代码，兼容IE8-10，Chrome，Safari，Firefox等主流浏览器.rar

    该压缩包包含的是一个使用JavaScript编写的QQ在线客服系统，其特点是支持在多个主流浏览器上运行，包括较为老旧的Internet Explorer 8至10，以及现代的Chrome、Safari和Firefox。JavaScript是一种广泛用于网页开发的...

    JS调试工具（IE6下可以使用）

    在现代浏览器中，如Chrome、Firefox、Safari和Edge，内置的开发者工具提供了强大的JS调试功能，包括断点、单步执行、查看变量值、调用堆栈等。然而，对于IE6这样的旧版浏览器，开发者需要依赖一些特定的工具来完成...

    使网页变灰，支持IE、FireFox、Opera、360浏览器等

    对于CSS，可以使用滤镜效果，但这种方法仅适用于支持CSS3的现代浏览器，例如Chrome、Firefox、Safari和Opera。对于不支持CSS滤镜的老版本浏览器，尤其是像Internet Explorer这样的浏览器，我们需要借助JavaScript。 ...

    javaScript脚本调试

    大部分现代浏览器如Chrome、Firefox、Safari和Edge都提供了强大的开发者工具，它们包含了源代码查看、断点设置、步进执行、变量查看等功能。 1. **打开开发者工具**：通常可以通过右键点击页面元素选择“检查”或者...

    IE和火狐图片兼容

    此外，随着IE浏览器市场份额的逐渐减少，现在更多的是关注Chrome、Firefox、Safari和Edge等现代浏览器的兼容性问题。 综上所述，解决“IE和火狐图片兼容”问题需要深入理解不同浏览器对PNG格式的支持情况，并灵活...

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