`

如何在不同的浏览器中打开控制台调试JS(转帖加自己的截图)

阅读更多

今天遇到了一个JS问题,在safari下就是运行不出效果,因此想到safari下有没有firebug一样的东西。在网上找啊找啊,终于在一个英文网站找到了方法。亲自实践,果然有效,所以转帖此文,以备不时之需。在原文基础上加了自己实践步骤的截图。

 

How to open the JavaScript console in different browsers?

http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

 

 

 

 

 

 

Chrome:

  1. Press CTRL + SHIFT + I to open the Developer Tools .
  2. Click on the "Open console." icon in the bottom left corner.

     


Safari 5:

  1. Press CTRL + ALT + I to display the Web Inspector .
  2. Click on the "Open Console." icon in the bottom left corner.

Note: this only works if the "Show Develop menu in menu bar " check box in the Advanced tab of the Preferences menu is checked!

 

 


It may be useful below.


IE8:

  1. Press F12 to open the developer tools.
  2. Open the Script tab, click the "Console" button on the right.

     


Firefox 4:

  1. Press CTRL + SHIFT + K to open the Web console .

     

  1. If you install Firebug, you can use F12 to open firebug.

     


Opera 11:

  1. Press CTRL + SHIFT + I to open Dragonfly .
  2. Open the "Scripts" tab and then at the bottom, open the "REPL" tab.

     

  • 大小: 162.6 KB
  • 大小: 224.2 KB
  • 大小: 125.9 KB
  • 大小: 194.5 KB
  • 大小: 140.3 KB
  • 大小: 165.9 KB
  • 大小: 162 KB
  • 大小: 164.2 KB
  • 大小: 206.2 KB
分享到:
评论

相关推荐

    JavaScript检测是否开启了控制台(F12调试工具)

    js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...

    利用浏览器的Javascript控制台调试PHP程序

    标题中的“利用浏览器的Javascript控制台调试PHP程序”是指一种技术方法,允许开发者在开发PHP应用时使用浏览器内置的JavaScript控制台进行调试。通常,PHP的调试方式是通过在代码中插入`echo`、`var_dump`等语句,...

    JavaScript 调试控制台(JS)

    在实际开发中,JavaScript调试器通常集成在浏览器的开发者工具中,如Chrome的DevTools、Firefox的Developer Tools等,每个浏览器的实现可能略有不同,但基本功能都是相似的。例如,Chrome DevTools的Sources面板就...

    ThinkPHP浏览器控制台输出内容

    ThinkPHP3.2.3利用行为扩展,实现浏览器控制台输出数据。 文件夹一共3个文件。 1.Behavior 请放在 Application\Common 下 ...4.文件位置放对后,调用 console() 函数,打开浏览器 F12 控制台,就可看到效果

    可以在浏览器控制台中执行源码字符动画的js插件

    Dom Animator是一款非常神奇的可以在浏览器控制台中执行源码动画的js插件。你是否想别人在控制台上查看你的源码时让人感觉与众不同?该js插件可以帮助你将指定的ASCII字符组成的多幅图案制作为动画,在控制台中显示...

    在当前目录打开控制台(OpenCommand)

    在Windows操作系统中,"在当前目录打开控制台(OpenCommand)"是一个实用的功能,它允许用户快速地在任何目录下启动命令提示符或PowerShell窗口,并自动定位到该目录,以便执行与该路径相关的命令行操作。...

    MFC 利用控制台输出调试信息

    本文将详细介绍如何在MFC程序中集成控制台功能,以便在程序运行时输出调试信息,帮助开发者更有效地定位问题所在。 #### MFC简介 MFC是微软提供的一套基于Windows API的C++类库,它简化了Windows应用程序的开发...

    Tiza为浏览器的控制台添加样式

    在前端开发过程中,浏览器的控制台是一个不可或缺的调试工具,开发者经常需要查看和交互与JavaScript、CSS、网络请求等相关的数据。然而,控制台默认的样式通常较为朴素,不利于长时间查看或在演示时保持专业形象。...

    钉钉Rc版,方便pc端调试

    钉钉rc版开发工具,方便pc端调试,打开钉钉后,在浏览器中输入http://localhost:16888/就可以在浏览器中看到控制台了

    console.js:Console for mobile browser 手机浏览器控制台 webview调试f12

    移动端浏览器 webview 调试控制台 用法 引入 console.js [removed][removed] 开启 方式一:在url上加上 ?f12 &f12 #f12 即可开启 http://domain.com/usage.html#f12 方式二:通过代码打开 console.show = 1 // 右下...

    Android代码-一款可以在手机中打开logcat控制台。

    > 一款可以在手机中打开logcat控制台 方便快捷 支持内容搜索 支持自定义标题 支持根据tag筛选 支持根据log级别显示 如何引入 Android Studio 引入 第1步 将JitPack存储库添加到您的构建文件 将其添加到存储库末尾...

    JavaScript css浏览器的调试

    ### JavaScript CSS 浏览器调试知识点 #### 一、IE浏览器的调试 ##### 1.1 IE6, IE7浏览器对JS的调试方式 - **准备工作** - **下载install-companionjs-v0.5.3** - 需要下载`install-companionjs-v0.5.3.rar`,...

    Node.js-基于TypescriptReactMobx实现的移动端浏览器控制台开发教程

    在本教程中,我们将深入探讨如何使用Node.js、TypeScript、React和MobX技术栈来构建一个移动端的浏览器控制台。这个项目名为“myConsole”,它涵盖了前端开发中的多个重要概念,包括状态管理、组件化、类型检查以及...

    asconsole:通过浏览器的控制台调试 Flash ActionScript

    在不同的标签页或浏览器中调试网页/JavaScript。 作者:< > 演示:接收器: : AsSender: ://hellobug.me/play/asconsole/asdemo/ JsSender: ://hellobug.me/play/asconsole/jsdemo/ 来源: : 特征如果使用谷歌...

    MFC中使用控制台输入输出

    在Microsoft Foundation Classes (MFC)库中,虽然主要设计用于创建Windows GUI应用程序,但有时我们需要在MFC程序中实现控制台输入输出的功能。这在进行调试或者需要与用户交互的简单命令行操作时非常有用。本文将...

    山东大学选网课脚本 将js文件中的代码复制粘贴至浏览器控制台中,按下回车自动执行代码。

    2. **浏览器控制台**:浏览器控制台是开发者工具的一部分,允许程序员直接在浏览器环境中运行和调试JavaScript代码。用户在这里粘贴脚本后,可以观察代码的执行情况,查看可能的错误信息。 3. **网页自动化**:网页...

Global site tag (gtag.js) - Google Analytics