兼容模式下JS无效，打开F12 就能正常执行

最新推荐文章于 2023-07-22 13:17:36 发布
最新推荐文章于 2023-07-22 13:17:36 发布
阅读量9.9k 收藏 2
点赞数 2
文章标签： ie 兼容模式 调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Academia_zhen/article/details/53811355
版权

IE仅在开启developer tools的时候，脚本才能访问到console这个对象 (console在代码调试时很有帮助，但是在生产环境中，应该移除掉，或至少应该先判断这个对象是否存在，毕竟无插件支持的IE6下也是没有这个对象的)。

即为兼容模式下不开启调试者工具console不存在导致的。 

在开发过程中把不必要的注释或者调试对象移除掉

JaniceDong
关注
JS 禁止F12和右键操作控制台，兼容各浏览器
jamesi987的博客
12-19 1万+
**JS 禁止F12和右键操作控制台，兼容各浏览器** 今天在网上也找一些博客文章，都还不错。不过在亲测下来发现不需要那么的麻烦。只需要简单的几行代码就可以。以下代码是整理后并测试过的 禁止鼠标右键菜单和F12打开控制台看源码 // 1.鼠标点击事件document.onmousedown = function mdClick(event) { var e = event || wind
Windows Edge 兼容性问题修复
Min_nna的博客
08-29 1721
修复 Windows Edge 的兼容性问题可以涉及多个方面，具体取决于你遇到的具体问题。
IE8兼容问题 在js中引入css失败，js动态加载css
Hot__Coffee的博客
07-06 1642
最近做了一个网站无障碍浏览功能，测试发现在IE8下加载不出来辅助工具条，各种排查最后发现是js中未成功引入css文件，一开始我在js中是这样写的，如下：$('head').append('<link href="'+css_path+'" rel="stylesheet" type="text/css" />');修改成如下问题解决：var styleTag = document.cr...
IE浏览器 js不执行，打开F12就可以了
Diamond_yoyo的博客
10-19 3958
原因：console.log在代码调试时很好用，在生产环境中应该移除
IE9浏览器兼容性问题—JS不生效的问题
weixin_43759606的博客
10-14 688
项目场景： 处理IE9浏览器的兼容问题 问题描述： 点击按钮没有反应，而且页面没有报错信息。 原因分析： IE9浏览器中JavaScript的加载顺序是从上到下的，而且$(document).ready(function(){})并不生效，导致找不到对应的JS方法，出现错误。 解决方案： 找了好久，最后发现将JavaScript放在boby的后面，同时去掉$(document).ready(function(){}),问题得以解决 ...
ief12执行一次js才有效_console兼容问题导致IE按F12启动开发工具JS才能执行
weixin_42119281的博客
12-23 595
明明写得很规范的JS，也充分考虑了兼容性，但在某些国产浏览器兼容模式下就是不能运行？想探个究竟就按下了F12键，这时神奇的事情发生，早前没有反应的JS居然又跑了起来，这究竟是闹哪样呢？实际上这些浏览器的兼容模式都是较低版本的IE内核，要解决这个问题还得从老旧的IE说起。出现这种情况，咱们首先得检视JS代码中是不是有console.log之类的语句，如果有，那么IE8/9中则会出现SCRIPT500...
IE下模式只有打开F12，js才能执行，关闭则执行失败
HelloKitty_Gaga的博客
08-22 1451
https://blog.youkuaiyun.com/qq_27331631/article/details/78903565,由于IE不支持console.log问题导致的
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
10-14
"js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome"这个话题正是讨论如何通过JavaScript实现这些功能，以防止源代码被轻易查看或复制。下面我们将详细讲解相关的知识点。 首先，禁用键盘事件是其中一种...
解决IE11中无法使用F12调试工具的问题
02-22
有些情况下，IE11可能错误地以兼容模式运行，导致F12工具不可用。在地址栏右键点击，选择"兼容性视图设置"，确保不在列表中的网站不会以兼容模式打开，并且取消勾选"在兼容性视图中显示Intranet站点"。 如果以上...
IE11兼容性问题完美解决（用户代理字符串）
09-11
6. **测试和调试**：使用像BrowserStack或Sauce Labs这样的在线浏览器测试工具，确保你的网站在各种浏览器和版本下都能正常工作。同时，利用开发者工具（如IE11的F12开发者工具）进行实时调试也是解决问题的关键。 ...
ie8兼容性 js无法加载
ly0309的专栏
02-17 6792
js在google浏览器中可以正常运行，ie8中加载失败。 发现IE8用开发人员工具F12的时候，发现整个开发人员工具不显示，但是在任务栏却显示已经存在，怎么点都不行。根据经验肯定是由于最小化的原因。 它的位置被设置到了屏幕的左上方，而且是超出屏幕以外。所以在任务栏你已经看到了它，但你没有办法用鼠标去点它。 通过实践找出相关办法解决。 XP系统解决办法： 右键点任务栏的按
JS中常遇到的浏览器兼容问题和解决方法【转】
weixin_30750335的博客
11-15 246
今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上； 常遇到的关于浏览器的宽高问题： //以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=docum...
Javascript方法总是不调用，只有打开了F12 Developer Tool方法才能执行
qq_26817225的博客
06-07 2974
问题描述： 页面有一个复选框（checkbox），点击该复选框时，这个表格中的所有复选框都选中，取消选中时，所有的都取消选中。 但是当打开浏览器的开发者工具（Developer Tool）之前，这个方法无论如何都不会执行，而且控制台也没有任何错误信息。 博主找遍了国内外各大论坛都无果，大多数找到的问题根源都是在JavaScript function中使用了console方法，因为consol...
谷歌浏览器按F12调试js代码的时候找不到代码在哪
热门推荐
qq_30908729的博客
12-14 1万+
以前浏览器调试代码时老是在sources中看不到代码，无法打断点。 直到现在才无意中发现解决方法，如下所示：http://yayihouse.com/yayishuwu/chapter/1039
IE浏览器打开页面js失效 开启F12后刷新正常
偏执
07-22 370
不排除后台java headers由上一页面指定而失效 例如jsp页面什么的 一般问题都能解决。排查了 下，主要是文档模式作怪，此处由上到下，改为默认打开页面为ie8文档模式渲染，亲测生效。ie8下不能识别js console属性 所以写完代码后记得注释或者删除。遇到这种兼容问题有时确实让人头大 慢慢来解决 都不是什么问题。更新：meta放在link和script之前，jsp的话要把。现在双核浏览器也多 如果使用兼容模式的话 也是这样。不懂的可以去百度 去了解。
IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
羽下佳人的博客
05-11 534
相关文章： http://blog.youkuaiyun.com/typa01_kk/article/details/47397923 IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
[转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获...
weixin_33978044的博客
07-21 178
兼容问题1： 页面的分享等插件加载不全，并无法点击。 兼容问题2： IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到，后台springmvc方法，也无法获取ajax的success方法返回值data。 兼容问题3： 在IE和Google下能够获取，ajax的success返回的数据data，但firefox下获取不到。 兼容问题4： 页面跳转，或url进...
ief12执行一次js才有效_IE浏览器打开页面js失效 开启F12后刷新正常
weixin_33982355的博客
12-23 399
这个问题啊.. 苦恼多时常规解决法：更新：meta放在link和script之前，jsp的话要把放到head下 meta后面排查了 下，主要是文档模式作怪，此处由上到下，改为默认打开页面为ie8文档模式渲染，亲测生效不排除后台java headers由上一页面指定而失效 例如jsp页面什么的 一般问题都能解决现在双核浏览器也多 如果使用兼容模式的话 也是这样冷门解决法：下面的DOCTYP...
利用浏览器F12排查前端（JSP）页面错误
feizai1208917009的博客
03-27 5855
背景： 前端，这一段JSP语法没有发现错误，就是前端不显示 function showPretaskShowData(){ alert("回来数据了:"); $.ajax({ url:'ShowData', type:'post', dataType:'json', success:function(data){ $("#ShowData").html(""); // 先清空...
安装了 Vue.js devtools插件，按费f12却看不到vue
最新发布
03-29
### 可能的原因及解决方案 如果在安装完成 Vue.js Devtools 后，按下 F12 并未发现 Vue 标签，则可能是以下几个原因造成的： #### 1. **Vue.js 版本不兼容** Vue.js Devtools 支持特定版本范围内的 Vue.js 应用程序。如果你的应用使用的是较旧的 Vue.js 版本或者实验性的新功能，可能会导致无法正常识别[^2]。 解决方法：确认当前项目使用的 Vue.js 版本是否被 Vue.js Devtools 支持。可以通过以下方式检查 Vue.js 版本： ```javascript console.log(Vue.version); ``` #### 2. **Devtools 尚未连接到 Vue 实例** 即使已安装插件，也需要确保页面加载了一个有效的 Vue.js 或 Nuxt.js 应用实例。如果没有检测到任何 Vue 组件，Vue 标签可能不会自动显示[^3]。 解决方法：尝试访问一个实际运行中的 Vue.js 页面，并验证是否存在 `new Vue()` 初始化逻辑。可以手动创建一个小测试文件来验证： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script> </head> <body> <div id="app">{{ message }}</div> <script> const app = Vue.createApp({ data() { return { message: 'Hello Vue!' }; } }); app.mount('#app'); </script> </body> </html> ``` #### 3. **浏览器缓存或扩展冲突** 某些情况下，浏览器缓存可能导致扩展未能正确加载，或者与其他开发者工具存在冲突[^4]。 解决方法：清除浏览器缓存并重启浏览器；另外，禁用其他可能干扰的扩展后再重新启用 Vue.js Devtools 进行测试。 #### 4. **Vue.js Devtools 插件本身问题** 有时，由于网络环境或其他因素，插件可能未完全安装成功，或者其内部存在问题。 解决方法：卸载现有插件后，再次从官方渠道重新安装最新版 Vue.js Devtools。对于 Chrome 用户，可以直接前往 [Chrome Web Store](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 下载。 --- ### 验证步骤总结 为了进一步排查问题，可按照如下顺序执行操作： 1. 确认 Vue.js 应用正在运行且有有效组件。 2. 清除浏览器缓存并刷新页面。 3. 卸载重装 Vue.js Devtools 扩展。 4. 如果仍然无效，考虑切换至不同浏览器进行对比测试。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值