[Violation] Avoid using document.write().

最新推荐文章于 2025-06-28 09:18:34 发布
转载 最新推荐文章于 2025-06-28 09:18:34 发布 · 8.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://ask.dcloud.net.cn/question/70452
文章标签：

#编辑器

当使用HBuilderX编辑器并启用'保存自动刷新浏览器'功能时，会在文件的</body>标签前注入刷新脚本，引发页面报错。解决办法是取消该选项，避免自动刷新。这一设置有助于开发者在不打断工作流程的情况下查看代码更新的效果。

用HBuilder X编辑器的伙伴可能见过以下这个报错:

当你按照它定位报错所在的行看去时只能看到一个光秃秃的

</body>

小搜了一下只看到国内一个论坛给了答案：

只需要把这个勾去掉，取消自动刷新即可。

原因分析:

在选择 '保存自动刷新浏览器' 选项时，HBuilder X原文件</body>前注入了这么一段脚本实现保存重新加载页面，方便开发者查看效果。

自: 【报Bug】HBuilderX 本地服务器往页面注入的脚本不能关闭 - DCloud问答

[已解决】uniapp内置插件，editor富文本报错（附quill.min.js、image-resize.min.js文件）
qq_62015542的博客
12-16 2567
解决uni-app引用内置插件富文本editor无法编辑报错的问题，报错信息：GET https : //unpkg.com/quill@1.3.7/dist/quill.min.jsnet: :ERR_INTERNET_DISCONNECTED
去掉你代码里的 document.write(“＜script...）
zhuhaiuser的博客
05-07 692
在传统的浏览器中，同步的 script 标签是会阻塞 HTML 解析器的，无论是内联的还是外链的，比如： <script src="a.js"></script> <script src="b.js"></script> <script src="c.js"></script> <img src="a.jpg"> 在这个例子中，HTML 解析器会先解析到第一个 script 标签，然后暂停解析，转而去下载 a.js，下
VUE3学习
cmwly的博客
02-09 1070
VUE3.0基础学习
mysql 插入更新,存在不插入
飞一样的编程
12-29 472
insert into uu(id,xn,sex)values(1,'1','1')  on duplicate key  update  sex='21' 主键id,xn
[Violation]Avoid using document.write().
2301_79698214的博客
05-30 1944
方法最初是用于在文档流中直接写入字符串。但是，由于它会重写整个文档流，因此在现代的前端开发中，通常建议避免使用它，因为它可能会导致性能问题，并且容易破坏页面的现有内容。，它将清除页面内容并开始写入新内容。在这种情况下，使用上述方法更加有效和推荐。如果你需要动态地向页面中插入内容，你可以使用以下方法来替代。事件发生之后，这样可以保证在页面加载完成后执行。方法创建元素并将它们添加到文档中的适当位置。仅在你完全控制页面的情况下，并且在。请注意，如果你在页面已完全加载后使用。这个报错表示应当避免使用。
js实现局部打印，并处理浏览器提示Avoid using document.write()导致无法打印问题
xwj12138的博客
08-12 4502
//新建iframe const iframe = document.createElement('IFRAME'); let doc = null; //添加属性 iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-400px;'); //插入 document.body.appendChild(iframe) doc = iframe.contentWindow.docu
[Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). [Violation]Avoid using document.write(). SuperMap.Include.js:1 [Violation]Parser was blocked due to document.write(<script>) i @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 SuperMap.Include.js:1 [Violation]Parser was blocked due to document.write(<script>) i @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 SuperMap.Include.js:1 [Violation]Parser was blocked due to document.write(<script>) i @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 (匿名) @ SuperMap.Include.js:1 :9933/#/login:1 [Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://192.168.1.203:9933/static/b462afa2d5b52ed52701.otf 2030.79df9936.js:2 production stomp.min.js:1 Opening Web Socket... 2030.79df9936.js:2 $keepAliveViews Proxy(Array) {} 2030.79df9936.js:2 {fullPath: '/login', path: '/login', query: {…}, hash: '', name: 'Login', …} '------------------' 2030.79df9936.js:2 $keepAliveViews Proxy(Array) {} :9933/#/login:1 [Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://192.168.1.203:9933/static/150b8ee34940fba3a3d1.otf :9933/#/login:1 Access to XMLHttpRequest at 'https://192.168.1.203:8084/endpointOyzc/info?t=1751355305204' from origin 'http://192.168.1.203:9933' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values 'http://192.168.1.203:9933, *', but only one is allowed. 2030.79df9936.js:2 GET https://192.168.1.203:8084/endpointOyzc/info?t=1751355305204 net::ERR_FAILED 200 (OK) r._start @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 setTimeout r @ 2030.79df9936.js:2 n @ 2030.79df9936.js:2 n @ 2030.79df9936.js:2 n._getReceiver @ 2030.79df9936.js:2 n.doXhr @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 setTimeout n @ 2030.79df9936.js:2 r @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 e @ 2030.79df9936.js:2 29863 @ 2030.79df9936.js:2 o @ runtime.0a6e0595.js:1 (匿名) @ 2030.79df9936.js:2 Promise.then 1863 @ 2030.79df9936.js:2 o @ runtime.0a6e0595.js:1 Promise.then 68138 @ main.f0bca0c4.js:1 o @ runtime.0a6e0595.js:1 (匿名) @ main.f0bca0c4.js:1 a @ runtime.0a6e0595.js:1 (匿名) @ main.f0bca0c4.js:1 stomp.min.js:1 Whoops! Lost connection to https://192.168.1.203:8084/endpointOyzc 2030.79df9936.js:2 Establish error: Whoops! Lost connection to https://192.168.1.203:8084/endpointOyzc config @ 2030.79df9936.js:2 (匿名) @ stomp.min.js:1 n.dispatchEvent @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 setTimeout r._close @ 2030.79df9936.js:2 r._receiveInfo @ 2030.79df9936.js:2 i @ 2030.79df9936.js:2 n.emit @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 i @ 2030.79df9936.js:2 n.emit @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 i @ 2030.79df9936.js:2 n.emit @ 2030.79df9936.js:2 xhr.onreadystatechange @ 2030.79df9936.js:2 XMLHttpRequest.send r._start @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 setTimeout r @ 2030.79df9936.js:2 n @ 2030.79df9936.js:2 n @ 2030.79df9936.js:2 n._getReceiver @ 2030.79df9936.js:2 n.doXhr @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 setTimeout n @ 2030.79df9936.js:2 r @ 2030.79df9936.js:2 (匿名) @ 2030.79df9936.js:2 e @ 2030.79df9936.js:2 29863 @ 2030.79df9936.js:2 o @ runtime.0a6e0595.js:1 (匿名) @ 2030.79df9936.js:2 Promise.then 1863 @ 2030.79df9936.js:2 o @ runtime.0a6e0595.js:1 Promise.then 68138 @ main.f0bca0c4.js:1 o @ runtime.0a6e0595.js:1 (匿名) @ main.f0bca0c4.js:1 a @ runtime.0a6e0595.js:1 (匿名) @ main.f0bca0c4.js:1 :9933/#/login:1 [DOM] Password field is not contained in a form: (More info: https://www.chromium.org/developers/design-documents/create-amazing-password-forms) <input type=​"password" name=​"password" class=​"IZY4NP9Uc0CXwohzTFYD" placeholder=​"请输入密码">​ stomp.min.js:1 Opening Web Socket...
07-02
现代浏览器因此将其标记为违反最佳实践，并在控制台输出 `[Violation] Avoid using document.write()` 警告[^1]。 此外，由于 `document.write()` 不会在异步加载的脚本中安全执行，因此可能破坏页面结构或导致资源...
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <script> var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) document.write( '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />') </script> <title></title> <!--preload-links--> <!--app-context--> </head> <body> <div id="app"><!--app-html--></div> <script type="module" src="/main.js"></script> </body> </html> [Violation]Avoid using document.write().
08-14
我们正在讨论如何避免在现代网页开发中使用已弃用的`document.write()`方法。首先，我们需要理解为什么应该避免使用它，然后探讨替代方案。 原因： 1. 在页面加载过程中使用`document.write()`会阻塞页面渲染。 2...
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <script> var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) document.write( '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />') </script> <title></title> <!--preload-links--> <!--app-context--> </head> <body> <div id="app"><!--app-html--></div> <script type="module" src="/main.js"></script> </body> </html> 这段代码提出警告：[Violation]Avoid using document.write().。帮我优化这段代码
最新发布
08-14
原代码中，通过`document.write()`动态写入`<meta name="viewport">`标签，目的是根据浏览器是否支持`viewport-fit=cover`来调整viewport标签的内容。 优化方案： 1. 我们可以使用DOM操作来动态创建并插入meta...
为什么要避免使用document.write，尤其是脚本注入
极客神殿
08-25 3524
Web 性能测试工具比如 Google Page Speed 或者 Dareboost 已经指出：使用 document.write 注入一段脚本会引起严重的网站加载耗时问题。让我们再次讨论这个话题，因为 Chrome 的下次更新将不再允许这样的脚本注入方式。你将面临什么问题？有什么替代方案？ Chrome 将不再执行通过 document.write 注入的脚本 9月初 Paul Kinlan 在 developers.google.com 网站 上宣布：Chrome 将很快干预 document.wri
为什么要避免使用 "document.write()"
weixin_34306593的博客
08-14 1073
本文是技术圈 google 浏览器前端新特性播报的推送，欢迎大家加入 为什么要避免使用 document.write() 最近我们发现如果我们在页面中使用了document.wirte(),那么在 chrome 的开发者控制台会出现下面的警告信息 (index):34 A Parser-blocking, cross-origin sc...
Google Chrome开发者文档：为什么应该避免使用document.write()
gitblog_00367的博客
06-28 346
在现代Web开发中，性能优化是一个永恒的话题。Google Chrome团队在其开发者文档中特别强调了避免使用`document.write()`方法的重要性。本文将深入解析这一建议背后的技术原理，并提供实用的替代方案。 ## document.write()的问题本质 `document.write()`是一个古老的DOM操作方法，它允许开发者直接将内容写入文档流。然而，这种方法在现代Web...
document.write
小宝的家
04-02 2111
一般情况下：document.write会直接输出里的内容 但一定文档已经下载完成，document.write会清空原有的东西，然后重新输出 Any document.write statement that runs after the page finishes loading will create a new page and overwrite all of the co...
document.write()使用时的注意事项
小毛每天要顺毛的博客
08-03 1433
1.默认不会换行 可以用+号，自己换行 2.在HTML文档加载完成后，使用document.write()输出将会覆盖原有所有HTML； <html> <head> </head> <body> <p>原本的HTML</p> <script type="text/javascript"> document.write("document方法") </script&
跨域解决办法（详细）
qq_36367494的博客
04-23 300
window.name+iframe.contentWindow.name有三个页面：a.com/app.html：应用页面。a.com/proxy.html：代理文件，一般是一个没有任何内容的html文件，需要和应用页面在同一域下。b.com/data.html：应用页面需要获取数据的页面，可称为数据页面。实现起来基本步骤如下：在应用页面（a.com/app.html）中创建一个iframe，把...
vue渲染列表时报错问题解决，Avoid using non-primitive value as key, use string/number value instead.
AsBefore麦小兜
05-15 751
Avoid using non-primitive value as key, use string/number value instead. 一进入某页面，就会报该错， 原因：由于v-for循环里，key值重复了 解决方法：修改key值
（无效）谷歌警告去除：请停用以开发者模式运行的扩展程序
热门推荐
不懂不懂
07-25 1万+
注意：转发他人的，测试不管用。 https://blog.csdn.net/leolu007/article/details/76043821#comments 目前适用于32/64位的44版以后的chrome。 1.将下列code保存为文件DevWarningPatch.bat，放在安装chrome（chrome.dll）的根目录下。 2.退出chrome，包括后台运行。 3.右键点击De...
解决Avoid using non-primitive value as key, use string/number value instead.
阿水的博客
04-06 2754
解决Avoid using non-primitive value as key, use string/number value instead.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值