`
webcode
  • 浏览: 5944067 次
  • 性别: 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的插件:安装完成之后就会在浏览器的右上角看到一个小虫子图标的东东,就是它了。

分享到:
评论

相关推荐

    JavaScript css浏览器的调试

    2对火狐进行调试 8 2.1安装Firebug 8 2.2、打开和关闭Firebug 9 2.3、查看、编辑HTML元素及其CSS 11 2.4、查看动态生成的HTML代码的方法 14 2.5、查看/测试页面的函数执行效率 14 2.6、使用Firebug查看...

    Chrome_Tampermonkey.zip

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的...

    CSS3+jQuery 手风琴折叠代码(支持ie9 chrome safari firefox opera)

    摘要:脚本资源,jQuery,手风琴 CSS3+jQuery 手风琴图片折叠滑开代码、折叠图片特效(支持ie9、chrome、safari、firefox、opera) ,唉,不支持iE8,滑动展开与合拢的图片特效,希望大家喜欢。  

    BookMacster.zip bookmacster: 2.10.18 Mac的Bookmarks Master。

    在Safari Firefox,Google Chrome,Vivaldi,Chromium,Chrome Canary,FirefoxDeveloperEdition,Brave Browser之间持续同步。 当这些浏览器退出时,它们会与iCab,Opera,OmniWeb,Epic,Roccat自动同步。 与...

    JSer开源脚本框架 v2.7 GBK.rar

    使用JSer,您几乎无需再考虑各浏览器的兼容问题,目前JSer兼容的浏览器核心: IE, Firefox, Opera, Chrome, safari。 通过JSer,您可以便捷的使用DOM操作、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、...

    Tampermonkey_4.10_chrome.zzzmh.cn.rar

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。

    userscripts2:Firefox 浏览器 user.js 脚本(greasemonkey)

    用于 Firefox ( )、Chrome ( )、Opera ( ) 和 Safari ( ) 的浏览器 user.js。 脚本使用 Firefox 编写和测试,并按脚本匹配的网站进行组织。 其他浏览器未经过测试,因此使用它们的风险由您自己承担。 脚本 - 当...

    JavaScrip调试技巧之断点调试

    首先,在各个浏览器中,断点调试支持的最好的当然是Firefox,Firefox不仅可以使用Firebug调试页面js脚本,还可以用高级调试工具例如JavaScript Debugger (Venkman) 来调试Firefox扩展里的js。除此之外,Firefox还...

    CSS3+jQuery 图标振动效果,支持chrome safari firefox opera

    摘要:脚本资源,Ajax/JavaScript,图标抖动 CSS3+jQuery 图标振动效果,图标抖动(支持chrome safari firefox opera),IE8下貌似有问题,没发现图标会振动,在火狐下测试了一下,很不错的效果,图标在抖动,经常做...

    tampermonkey:Tampermonkey是最受欢迎的用户脚本管理器,拥有超过1000万用户。 适用于Chrome,Microsoft Edge,Safari,Opera Next和Firefox

    特征: 管理和编辑所有用户脚本单击两次启用和禁用脚本在不同的Chrome实例之间轻松同步脚本通过URL从userscripts.org搜索脚本(启用了TamperFire) 在其他标签,功能和特性下,支持以下功能: 完全不安全的Window...

    Tampermonkey-脚本管理器.docx

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 

    CHrome浏览器插件-Tampermonkey(油猴脚本)

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的...

    JSer开源脚本框架 v2.7 UTF-8.rar

    使用JSer,您几乎无需再考虑各浏览器的兼容问题,目前JSer兼容的浏览器核心: IE, Firefox, Opera, Chrome, safari。 通过JSer,您可以便捷的使用DOM操作、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、...

    JSer开源脚本框架 v2.8 GBK

    使用JSer,您几乎无需再考虑各浏览器的兼容问题,目前JSer兼容的浏览器核心: IE, Firefox, Opera, Chrome, safari。通过JSer,您可以便捷的使用DOM操作、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据...

    JSer开源脚本框架 v2.8 UTF8

    使用JSer,您几乎无需再考虑各浏览器的兼容问题,目前JSer兼容的浏览器核心: IE, Firefox, Opera, Chrome, safari。通过JSer,您可以便捷的使用DOM操作、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据...

    tampermonkey.7z

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的...

    Tampermonkey.zip

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的...

    Tampermonkey油猴插件 v4.16

    Tampermonkey 油猴插件是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey...

    京东订单评价填写助手

    是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本...

    tampermonkey.zip

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的...

Global site tag (gtag.js) - Google Analytics