开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

非常困惑 - javascript没有被执行 - 除非在Firebug中打开控制台？

非常困惑 - JavaScript没有被执行 - 除非在Firebug中打开控制台？

JavaScript是一种广泛应用于前端开发的脚本语言，用于为网页添加交互和动态效果。当JavaScript代码没有被执行时，可能会出现一些困惑的情况。以下是可能导致JavaScript不被执行的一些常见原因和解决方法：

脚本标签位置错误：确保将JavaScript脚本标签放置在HTML文档中合适的位置。通常，将脚本标签放置在<head>标签内部会导致脚本在页面加载时被执行，而将脚本标签放置在<body>标签内部的底部会在页面加载完毕后执行脚本。
脚本文件路径错误：检查脚本文件的路径是否正确。如果路径错误，浏览器将无法找到脚本文件并执行其中的代码。
JavaScript语法错误：JavaScript代码中的语法错误可能导致脚本无法执行。在开发过程中，使用开发者工具（如浏览器的开发者工具或集成开发环境）来检查并修复语法错误。
脚本被禁用：浏览器中的安全设置或浏览器插件可能会禁用JavaScript的执行。确保浏览器的安全设置中启用了JavaScript，并且禁用了可能阻止JavaScript执行的插件。
其他脚本冲突：如果页面中存在其他JavaScript脚本，可能会导致脚本冲突，从而阻止JavaScript的执行。检查页面中的其他脚本，并确保它们之间没有冲突。
控制台错误：在Firebug中打开控制台可以帮助我们查看JavaScript代码是否存在错误或异常。控制台可以显示代码中的错误消息和警告，帮助我们定位并解决问题。

总结起来，当JavaScript没有被执行时，我们应该检查脚本标签位置、脚本文件路径、语法错误、安全设置、脚本冲突等可能导致问题的因素。如果问题仍然存在，使用开发者工具来查看控制台中的错误消息可能有助于解决问题。

腾讯云提供了云计算相关的产品和服务，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署应用程序。更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Firebug中的console tab使用总结

Firebug对于Web开发人员来说，已经成为了不可或缺的工具，但是在我日常的工作中，常常感觉还没有能够深刻的挖掘出她的潜力，今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用...其实我们对于Console应该非常熟悉，因为这里是Firebug给出各种信息的窗口，而这也正是Console的主要用途，日志记录(Logging)。...console.trace()是一个非常有趣的功能。我们先来看看官方的解释：打印Javascript执行时刻的堆栈追踪。这个函数可以打印出程序执行时从起点到终点的路径信息。 ...比如如果我们想知道某个函数是何时和如何被执行的，我们将console.trace()放在这个函数中，我们就能够的看到这个函数被执行的路径。 ...有三种方法可以调用Javascript profiler。一种是在代码中写入分析脚本，一种是单击profile标签，最后还可以在命令行下输入命令来执行。

6942 0

Firebug Command Line 的使用技巧

Commandlinie是Firebug中总有用的一个特性。...清除控制台的内容，就像在Javascript中使用Console.clear()一样。 8、inspect(object [,TabName])。 ...在最适合的标签中检测一个元素，也可以通过TabName指定需要打开的标签。 ...打开或关闭函数调用的记录。通常，如果我们想知道一个函数是否被执行，我们会加入一个alert()或者console.log()来记录。 ...有了firebug你就不再需要这么累了，你只需要知道这个函数，然后你就可以跟踪它，只要他被执行了，执行情况就会打印在 console窗口中。

5493 0

JS调试工具，万能的Console，你知道还能这样玩吗？

前言 Console在我们开发中应该使用很频繁并且都会用的一个工具，确实好用。但是你真的会用吗？...Safari、Opera 都支持 Console，但使用上都没有 FireBug和 Chrome 的方便。...该方法会清空 console 控制台中的所有信息 console.dirxml 显示网页的某个节点（node）所包含的html/xml代码 ...console.profile、console.profileEnd 这组方法用于打开浏览器的分析器，用于分析这组函数之间的 js 执行情况，需要打开浏览器JavaScript profiler面板进行查看...，这在显示数组或者格式一样的JSON对象的时候非常有用。

1.7K2 0

JavaScript Scoping and Hoisting

你知道如下的JavaScript代码被执行后，会弹出什么？ var foo = 1; function bar() { if (!...JavaScript中的作用域（scoping）对于JavaScript初学者来说最让人困惑的来源之一就是作用域（scoping）。...在JavaScript中的作用域是如此的让人感到困惑，究其原因是JavaScript看起来像是C家族的语言。...2 } console.log(x); // 2 在这个例子中，Firebug将会显示“1，2，2”。...我希望这篇文章已经揭示了，对JavaScript程序员来说，最困惑的根源之一（scoping，hoisting）。我尽可能的透彻地阐述这件事，并避免在阐述这件事时制造更多的困惑。

5262 0

chrome插件开发教程

JavaScript Errors Notifier 安装该扩展后，会在Chrome地址栏中以图标形式提示JavaScript错误，因为Chrome默认只有打开console才会显示错误。...Firebug Lite Firebug的精简版允许您检查的HTML，CSS和JavaScript代码，生活在任何页面。你也可以编辑代码，立即测试新的变化。 ...这是一个开发者最喜欢的Firefox扩展Firebug的精简版。 JQuery 扩展 jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。...WhatFont 用于查看当前页面使用了哪些字体，Firebug和Webkit Inspector也可以查看字体，但是远没有WebFont方便，WebFont可以通过把鼠标悬停在元素上来查看字体。...IE Tab 在Chrome中打开IE浏览器标签页，你可以打开一个标签来运行Internet Explorer，让你看到的网页在IE浏览器看起来如何。

1.7K3 0

js调试console.log使用总结图解

不论是 chrome firefox ie(8以上版本) 还是 360急速浏览器搜狗浏览器等等，只要按 F12 就能打开控制台。...然后按回车，可以在控制台看到输出结果。其实就是输出信息而，非常简单，用他代替 alert 和 document.write 调试，你的工作会变的非常轻松的。...比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。...在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。...不同的浏览器中console.log()行为可能会有所不同，二、兼容没有调试控制台的浏览器对于缺少调试控制台的老版本浏览器，window中的console对象并不存在，因此直接使用console.log

2K2 0

Firefox扩展开发（插件开发） Extension开发入门教程 5步走五步走

在此推荐3.0，因为最新版3.6或者3.7，那些扩展还没有更新跟进，所以要想安装更多的扩展，还是以3.0为好。　　2.Firebug，这个不必多说。...js需要开开关关firefox，太麻烦，所以一些代码可以在firebug控制台先测试。...用它来看人家的扩展的代码，非常舒服…… 　　5.xul explorer。预览xul效果。　　6.emEditor。快速打开代码文件，进行修改。另外最重要的功能是：查找。...研究人家的代码的时候，JavaScript的代码转来转去，太难找到某些变量或者对象的定义了。...用emEditor的“在文件中查找”功能，作用非常大，查找出来的结果有预览……(后来发现，也可以直接用Spket IDE的search--file功能，跟eclipse的查找功能类似，不过缺点就是没有预览

3.6K3 0

Firebug入门指南

Javascript调试十、AJAX 十一、附注一、安装Firebug Firebug在Firefox浏览器中运行。...Firebug的相关设置： * 固定Firebug在新窗口打开：先打开firebug，点击左上角的bug标志，选择options菜单中的"Always Open in New Window...* 增加/缩小字体大小：先打开firebug，点击左上角的bug标志，选择"Text Size"命令。每次字体变化的幅度非常小，你可能需要使用多次。...十、AJAX 前面已经提到，Firebug可以捕捉页面的动态内容和其他DOM变化。如果你打开这个示例文件，点击页面上的链接后，在浏览器中查看源码，你会发现什么也没有改变，源码中依然包含那个链接。...但是，如果你在Firebug中查看源码，你会发现DOM已经发生了变化，"Hello World"已经被包括在内了。这就是Firebug的核心功能之一，没有它，AJAX的请求和回应就是不可见的。

1.2K2 0

javascript 中的 delete

应该不是.整个代码片段实际上是 Firebug控制台 的输出, Stoyan 肯定是快速测试过的.原因是Firebug好像采用了一些不同的删除规则....Firebug 的困惑那 Firebug 中究竟是怎么回事?为什么在console中声明的变量可以被删除,和我们刚刚学到的相反呢?...请留意在常规的全局代码和Firebug控制台中的这些差异. 2.1 通过eval删除变量这是eval 一个有趣的行为,加上ECMAScript的另一个方面可以技术上允许我们删除non-deletable...应该不是.整个代码片段实际上是 Firebug控制台 的输出, Stoyan 肯定是快速测试过的.原因是Firebug好像采用了一些不同的删除规则....Firebug 的困惑那 Firebug 中究竟是怎么回事?为什么在console中声明的变量可以被删除,和我们刚刚学到的相反呢?

3K8 0

Firebug 折腾记_(1) 安装及简介

简介 Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果...; 目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多; 但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的…...获取及安装打开方式 F12可以打开工具界面 Ctrl + F12可以独立出一个功能的网页 Firebug窗口功能简介功能 控制台：JavaScript命令行操作、显示JS错误信息、提示信息、日志信息

1081 0

console.log的那点事儿

比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。...log"); console.log()可以接受任何字符串、数字和JavaScript对象。...不同的浏览器中console.log()行为可能会有所不同，本文主要探讨Firebug中console.log()的使用。...二、兼容没有调试控制台的浏览器对于缺少调试控制台的老版本浏览器，window中的console对象并不存在，因此直接使用console.log()语句可能会在浏览器内部造成错误(空指针错误)，并最终导致某些老版本浏览器的崩溃...但是当你开启控制台查看的时候又可以顺利通过（IE8和IE9中就会出现这个问题）。

7341 0

这几个控制台API能帮你调试Web应用

利用控制台API更方便的调试Web应用许多年前，调试JavaScript代码无非就是在要调试的函数内部插入几句console.log()而已。...不幸的是，DOM API没有提供获取已经添加过的事件监听器的途径，因此你不得不人工记录这些信息。控制台API提供了一个名为getEventListeners()的方法来实现这种功能。...1 '); }); window.addEventListener('resize', function() { console.log('resized 2'); }); 然后你在开发者工具中打开控制台...监控函数或方法为了了解产生bug的原因，你经常需要设置或取消断点，监测函数何时被执行以及执行时传入的参数。本节将介绍如何在控制台中实现这些操作。...如果你对控制台API中的其它功能感兴趣，请参考以下链接： Firebug’s page on the Command Line API（https://getfirebug.com/wiki/index.php

1.1K2 0

Web 开发常备工具

它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。...Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在 IDE 中启动、暂停和停止。 ?...DEMO：http://c9.io/ Notepad++ Notepad++ 是一款非常有特色的编辑器，是开源软件，可以免费使用。...它集 HTML 查看和编辑、Javascript 控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML 和 Ajax 的得力助手。...主要特性如下：缩小字形集合，减小字体大小合并一些字体标记到单个文件中访问大量专业级的开源图标 ?

1.3K8 0

大话 JavaScript（Speaking JavaScript）：第二十一章到第二十五章

首先，你可以查看 API 的标准概述： Firebug 首先实现了控制台 API，其在其维基中的文档是目前最接近标准的东西。...在该浏览器中，只有开发者工具至少打开过一次，console对象才存在。这意味着如果在工具打开之前引用console，你会得到一个ReferenceError。...计算带有此语句的行被执行的次数。...控制台.性能（标题？）打开分析。可选的title用于分析报告。 控制台.分析结束() 停止分析并打印分析报告。 控制台.时间（标签）启动标签为label的计时器。...JavaScript 正则表达式和 Unicode JavaScript 正则表达式中的 Unicode 支持（请参阅第十九章）非常有限。例如，没有办法匹配“大写字母”等 Unicode 类别。

1651 0

破茧重生！重新定义Chrome开发者工具

当时，JavaScript在网络上才刚刚起步，CSS也远没有现在这样功能齐全的语言。因此，除了老式的alert()调试技巧之外，我们用于前端代码调试的少数工具也非常专业；它们只做一件事。...即使你从来没有使用过Firebug，而且是在最近才开始你的Web开发之旅，我也愿意打赌这个用户界面感觉很熟悉。...正如上面的截图所示，当时的工具根本就不多： 控制台用于查看日志和执行JavaScript。 HTML标签，用于查看和编辑页面的DOM和应用的CSS样式。 JavaScript调试器。...以下是Chrome DevTools中引入新面板的快速和不完整（而且非常近似）的历史：年份面板 2008 控制台、元素、来源、网络、JavaScript分析器 2010 性能（当时称为时间线） 2013...工具栏中的 "+"按钮显示了所有可用的工具及其图标，使你更容易重新打开你之前关闭的工具，也许更有吸引力去尝试你还没有尝试过的工具。也可以将标签切换到垂直方向。

1.2K10 6

web系统性能及规范检测笔记

它拥有90多个不同的规则，但是如果不做配置的话就没有任何作用。换言之，一切JSCS的要做的东西都需要根据需求自定义开启。...我爱火狐 console对象最初是由mozilla提出的，虽然现在各个现代浏览器都实现了这个对象，并且99%也都满足了日常需求，不过在某些非常细微的地方还是略有差异。...在这个统计中可以看到从profile到profileEnd之间执行的逻辑有哪些函数被调用，被调用次数，执行时间，总时间等等各项信息。另外在firebug控制台也有按钮可以直接使用profile ?...比如，现在我想看看平台lazyload逻辑的相关执行信息，那么我先打开页面，点击“概况” ? 然后把页面向下滚动，滚动结束后再次点击“概况” ?...基于firebug开发，现在已经扩展到各个浏览器都能够安装。

7702 0

Google Chrome 浏览器开发者工具使用教程

而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Firebug要好用。怎样打开Chrome的开发者工具？你可以直接在页面上点击右键，然后选择审查元素： ? ?...或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。打开的开发者工具就长下面的样子： ? ?...还有你可以打开Javascript控制台，做一些其他的查看或者修改： ? ? 你甚至还可以为某一XHR请求或者某一事件设置断点： ? ?...它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦： ? ? Console标签页就是Javascript控制台了： ? ?...例如我想查看console都有哪些方法和属性，我可以直接在Console中输入"console"并执行： ? ? 怎么样，一目了然了吧？再例如我想查看日期函数都有哪些方法： ? ?

4.8K6 0

web系统性能及规范检测笔记

它拥有90多个不同的规则，但是如果不做配置的话就没有任何作用。换言之，一切JSCS的要做的东西都需要根据需求自定义开启。...我爱火狐 console对象最初是由mozilla提出的，虽然现在各个现代浏览器都实现了这个对象，并且99%也都满足了日常需求，不过在某些非常细微的地方还是略有差异。...在这个统计中可以看到从profile到profileEnd之间执行的逻辑有哪些函数被调用，被调用次数，执行时间，总时间等等各项信息。另外在firebug控制台也有按钮可以直接使用profile ?...比如，现在我想看看平台lazyload逻辑的相关执行信息，那么我先打开页面，点击“概况” ? 然后把页面向下滚动，滚动结束后再次点击“概况” ?...基于firebug开发，现在已经扩展到各个浏览器都能够安装。

1.1K6 0

程序员的你是否熟练掌握Chrome开发者工具？

如今,我用过Chrome后才切身体会到，Chrome浏览器无疑是最受前端青睐的工具，原因除了界面简洁、大量的应用插件，良好的代码规范支持、强大的V8解释器，javascript执行速度和内存占有率表现非常优秀之外...Chrome 开发者工具介绍及调试、使用技巧 1、先打开谷歌浏览器，然后打开调试界面，打开方式有三种：第一：按F12，第二：shift+ctrl+i，第三：鼠标右键点审查元素在Source标签元素面板中对应的JS文件中的行号处点击右键，选择添加条件断点后，会弹出一个对话框用于输入具体的条件或者没有条件断点。...Element 标签页对 CSS 的控制修改 JavaScript 文件中的代码这是 Chrome 开发者工具提供的一种非常实用的功能，即使开发人员可直接对开发者工具的 Source...目前的 Firebug 及 IE 自带的开发者工具都不支持对脚本的直接修改，导致在 Firefox 或 IE 中调试脚本时，如果需要对代码进行修改，需要先去修改脚本源文件，再同步至应用服务器，再清理浏览器缓存

1.1K4 0

如何简单地找回保存在浏览器里的密码

然后来到控制台，输入password.value即可看到密码了： ? 是不是很神奇。原理很简单，就是利用了javascript的DOM操作，来获取到DOM中的内容。...在javascript中所有元素的id会被注册成为一个javascript变量。所以在控制台直接使用password即可访问密码框这个元素。而value既是input框的值。 ...发现没有id这个属性。但name属性是有的，于是我们还是来到控制台，输入$("[name='password']").val()，即可看到密码： ? ...用firefox访问emlog博客后台，发现记录了用户名与密码，我们按刚才的方法审核元素（或firebug），看到密码字段： ? ...从原理上讲是没有什么问题的。因为javascript是所有浏览器都必须支持的一种语言，而它又能够访问DOM，所以利用js就能轻松获得浏览器保存的密码。

1K4 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭