前端代码IE 8 console.log报错(bug)

最新推荐文章于 2024-05-22 23:41:41 发布
原创 最新推荐文章于 2024-05-22 23:41:41 发布 · 444 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bug

本文探讨了在IE8浏览器中使用console.log()的问题及注意事项。IE8将console.log()视为错误逻辑，但在F12开发者工具中正常显示。文章强调良好的编程习惯，避免滥用console.log()，并提醒在调试完成后应注释或删除这些代码。

前端代码IE 8浏览器 console.log报错(bug)

IE8会将console.log()默认处理为错误逻辑，但是在F12下处理为控制台输出。
console.log()
养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！
console.log()
养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！
console.log()
养成好的编程习惯，不要滥用console.log()，调试后记得注释掉或删掉调试代码！！！

重要的事情说三遍

过多的使用console.log()在目前新版本浏览器里同样会消耗和占用资源

前端代码规范
dfc_dfc的博客
07-27 1019
前端开发规范分享
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_54854317的博客
03-03 996
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
记IE 8 console.log() 引发的大bug
程序猿踩坑集锦
06-22 1623
最近一次项目更新上线后，业务接到好多投诉，说原本好用的功能现在出现了问题。而且只出现在Ie8，和360浏览器上，360浏览器用的的IE内核，索引问题时出现在IE8浏览器上。开始想到的就是IE8的兼容问题。但是当打开F12调试时问题就恢复了，由于不熟悉IE浏览器忽略了报错信息，一直认为是引用的插件有问题。如此反复测试，一度陷入无从下手的局面。后来与同事沟通后，查看了报错信息。信息显示console未
console.logIE8兼容
qq_43639075的博客
05-15 610
当你开发控制台时不报错，关闭控制台运行代码时报错。window.console()在ie8中必须打开控制台才能实现，关闭控制台时会报错，在ie9才开始修复该问题。解决这个兼容性问题，有两种方案： 去除页面中的console.log()方法 （我是用这种方法处理的，页面中残留的console.log()不多） 重写window.console()方法； (function () { ...
IE 8 下小心使用console.log()
weixin_30492601的博客
07-23 352
　　我们很多情况下会使用console.log() 对代码调试。在chrome下和Firefox下都不会有太大问题，但是在最近我在IE8 下调试时使用了console.log(),就出现一些问题。在IE8中要想使用它调试代码必须要先开启F12，如果不开启F12，在浏览器的下方就会显示报错。那是因为IE8会将console.log()默认处理为错误逻辑，但是在F12下处理为控制台输出。比较有意思的是...
ie8不支持console.log()的解决方法
lixinyao5281的专栏
09-01 4965
js后台打印日志
Eclipse引入Slf4j注解后，log报错解决方案
从放弃到开始
03-28 4840
在eclipse里面运行项目中，加入注解Slf4j后使用log报错的问题，问题截图如下 而关于网上的解决方案很多都是使用idea的，使用idea的解决方式很快捷，idea的只能可以直接帮助我们在ide里面下载一个lombok的插件，即可解决这个问题，但是eclipse并没有这么只能，他需要我们下载一个Lombok的jar包进行安装 就像是这样，按照打开后 安装好，重启eclipse就...
兼容IE8的easyui与jquery版本组合
建议使用IEShopper、Fiddler或虚拟机配合开发者工具（F12）进行断点调试，并借助console.log的兼容性封装函数防止报错。 此外，压缩包中列出的“兼容IE8的easyui和jquery版本”文件集合，应包含完整的目录结构：...
大前端快速入门
早上真起不来的博客
05-28 311
笔记整理来源 B站UP主狂神说Java https://space.bilibili.com/95256449/ 大前端学习 Nodejs、ES6、Babel、 1、前端开发工具和前端开发工具 下载vscode https://code.visualstudio.com/Download 汉化 第一种：搜索Chinese下载插件 第二种：ctrl+shift+p—搜索Configure Dispaly Language—zh-cn 在我们的项目路径中新建文件----vscode打开文件
前端最新面试题(Javascript模块篇)
前端的路上
05-22 1743
前端最新面试题Javascript
console.log在IE里面报错的处理方法
u011498933的专栏
12-30 2662
IE浏览器不兼容console.log的解决方法： function  log(msg){ if(window('console')){ console.log(msg); } }
log报错
qq_39930369的博客
03-06 2172
拉个项目发现log 一直报错。settings已经打开了下载插件设置还是没用 最后发现原因是要先在idea上安装lombok才可 setting-->Plugins-->搜lombok-->install-->重启 点击install 下载重启就ok了 ...
console.log()、console.log(this)报错-总结
zt199718的博客
07-21 2242
console.log()和console.log(this) 跳转到的页面中有console.log(this)（16个）或者console.log()（10个）,那么页面就会报错; 但是这个console.log(this)如果不在生命周期函数中,当前页面本身是不报错的，但是跳转到的这个页面如果有会报错（10个）。 单独的console.log()不管在哪里，都会报错（10个） 但是如果这个console.log(this)存在生命周期函数中，那么当前页面也会报错（10个）。 注意：当我们在页面中打
记录一次前端调试console.log的bug
Panda_陽的博客
02-14 1020
背景：在测试一个vue项目时，想着用console.log打印一下接口返回值，结果在Chrom浏览器F12控制台中并没有显示，一开始还以为是方法写错位置等代码问题，直到我在控制台直接输入console.log(1)都不会打印时才意识到是浏览器的问题，更换其他(Firefox、QQ、Opera等)浏览器输出时没有问题 解决方案： 方案一：.网上说的最多的重置浏览器设置 但是我重置后并没有解决 方案二：检查控制台是否有设置过滤，如果有，请清除后再试 方案三：以上两种方式我都试过(均无效)，最后
IE8 下console报错问题
非专业前端
10-17 755
在IE8 下console.log()会报错， 解决方式如下1、打开开发人员调试工具(F12)                    2、注释掉该代码                    3、或者加入如下代码 [javascript] view plaincopy window.console = window.console || (function(){       var c
console控制台报错找不到原因，可能是console.log()里面有错，console.log()同样会阻塞代码执行
Shiny0815的博客
08-25 1284
原因：我写了console.log()里面有错误，排查的时候，直接忽略它了，觉得它不会影响，但其实它也会引起报错。我写了打印 checkedNodes，但其实应该是**checkedList.**checkedNodes。
[js]ie8下console.log
chizhongchun1939的博客
06-21 147
window.console = window.console || (function () { var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile ...
ie bug之console.log
mleblanc的博客
11-18 1074
平时开发都用chrome浏览器进行测试。 公司的项目兼容到ie8浏览器，所以在头部加了这样，在用ie以及360浏览器的时候，会自动以兼容ie8浏览器的情况下运行。 其中有一段代码： $('#pay_success').on('click',function(){ /*支付成功 */ $.pdialog.closeCurrent(); $('#taskbar').hide(); //刷
vue组件前端console页面报错
geshibuzhengque123的博客
06-11 930
前端页面一直报错如下，阅读后猜测是模板里面多了没有意义的ROW标签，然后找出并删除<ROW></ROW>,可以了。 这里我将多余的ROW标签注释掉： <Table @on-selection-change="allFuncids" ref="selection" width="100%" minHeight="500" border :columns="tab...
ts console.log(abc)报错
最新发布
08-15
在 TypeScript 中使用 `console.log` 时出现报错，通常是由于类型检查或环境配置问题引起的。以下是几种常见的解决方法： ### 1. **检查 tsconfig.json 配置** 如果 `tsconfig.json` 文件中启用了严格的类型检查选项（如 `strict: true`），TypeScript 编译器可能会对某些未定义的全局变量（如 `console`）进行报错。可以通过以下方式解决： - **确保 `lib` 和 `target` 设置正确** 在 `tsconfig.json` 中添加或修改 `lib` 和 `target` 字段，确保包含 `DOM` 和 `ES2015` 或更高版本，以支持 `console` 对象： ```json { "compilerOptions": { "target": "ES2015", "lib": ["DOM", "ES2015"] } } ``` 这样可以确保 `console` 被正确识别为全局对象[^4]。 - **启用 `noEmitOnError` 时检查错误** 如果 `tsconfig.json` 中设置了 `"noEmitOnError": true`，编译时遇到错误将不会生成 `.js` 文件。可以暂时关闭此选项或修复报错内容后再重新启用。 ### 2. **使用类型断言或类型注解** 如果 `console.log` 打印的变量类型不明确，可能会导致类型检查错误。可以通过类型断言或显式注解变量类型来解决： ```typescript let age: number = 18; console.log(age); ``` 这样可以确保 `age` 的类型是明确的 `number` 类型，避免类型推断错误[^1]。 ### 3. **使用 `any` 类型（不推荐）** 如果需要快速绕过类型检查，可以将变量声明为 `any` 类型： ```typescript let value: any = "hello"; console.log(value); ``` 但需要注意，使用 `any` 类型会失去类型检查的优势，建议仅在必要时使用。 ### 4. **清除无用的 `console.log` 语句** 在生产环境中，建议清除所有 `console.log` 语句以避免潜在的错误或性能问题。可以使用工具如 `TerserWebpackPlugin` 来自动删除这些语句： ```javascript const TerserWebpackPlugin = require("terser-webpack-plugin"); module.exports = { mode: "production", optimization: { minimizer: [ new TerserWebpackPlugin({ terserOptions: { compress: { drop_console: true, drop_debugger: true, pure_funcs: ["console.log", "console.table"] } } }) ] } }; ``` 这种方式可以在构建时自动删除 `console.log` 语句，确保生产环境代码的整洁性[^5]。 ### 5. **检查开发工具配置** 如果在 WebStorm 等 IDE 中运行 TypeScript 项目时 `console.log` 报错显示红色，可能是 IDE 的类型检查配置问题。可以尝试更新 IDE 插件或调整类型检查设置以匹配项目配置[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值