`

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

JSDebugConsole 
阅读更多

今天遇到了一个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
分享到：
| Python学习资源
评论
发表评论

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

相关推荐

    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`等语句，...

    ThinkPHP浏览器控制台输出内容

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

    JavaScript 调试控制台(JS)

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

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

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

    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 // 右下...

    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/ 来源： : 特征如果使用谷歌...

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

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

    MFC中使用控制台输入输出

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

    移动端H5页面控制台打印信息：vconsole

    在移动端H5页面开发中，由于手机浏览器的限制，开发者往往无法直接在设备上查看到JavaScript的控制台输出信息，这给调试带来了诸多不便。为了解决这个问题，开发者社区提出了一个名为vConsole的解决方案。vConsole是...

    禁用JavaScript控制台调试的方法

    JavaScript控制台调试是开发者在Web开发过程中常用的一种工具，它允许我们检查和修改网页的运行状态，追踪错误，以及进行性能分析。然而，某些情况下，网站可能会选择禁用JavaScript控制台调试，以防止未经授权的...

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