我可以禁用 Chrome/Webkit 并行 CSS 和 CSS 吗? JS下载功能?

发布于 2024-10-05 15:23:55 字数 343 浏览 3 评论 0原文

我遇到了已记录的错误,其中 webkit 浏览器在首次加载时错误地呈现页面,因为 javascript 在 css 完成下载之前执行(由于它们是并行下载的)。

虽然快速刷新可以修复页面的外观,但该解决方案不足以解决我的问题(我运行命令行实用程序来截取页面的屏幕截图,但这些实用程序没有在获取页面之前“刷新”页面的选项)屏幕截图)

是否有人有任何建议或解决方案来确保在执行 javascript-include 和 inline-javascript 之前完整加载 css-include ?

谢谢! -Dan

编辑-- 不使用库。只是很好的 'ol javascript。

I'm experiencing the documented bug where webkit browsers render the page incorrectly on first load because the javascript is executing before the css has finished downloading (due to them being downloaded in parallel).

While a quick refresh fixes the look of the page, that solution is inadequate for my problem (I run command-line utilities that take screenshots of our pages, but these utilities don't have the option to "refresh" a page before taking the screenshot)

Does anybody have any suggestions or solutions for ensuring that the css-include is loaded in it's entirety before the javascript-include and inline-javascript are executed?

Thanks! -Dan

EDIT-- Not using a library. Just good 'ol javascript.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

幻想少年梦 2024-10-12 15:23:55

如果您正在使用图书馆,我认为大多数图书馆都允许您这样做。使用 jQuery 很容易,如果没有,您可以在页面末尾使用 。如果可能的话,您还可以考虑将 JavaScript 移动到页面底部。 js 最佳实践。

If you are using a library I think most of them allow you to do this. It's easy with jQuery, if not you can use a <script defer="(x number of second)">Function()</script> at the end of hte page. You may also consider moving the javascripts to the bottom of the page where possible. js Best Practices.

2024-10-12 15:23:55

+1 将脚本放在页面底部,也可以尝试将脚本放在 window.onload 事件中:

<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>

我不能 100% 确定 onload 事件是否会等到 .css 文件加载。但这很容易尝试。

+1 for putting your scripts at the bottom of the page, also might try putting your script in the window.onload event:

<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>

I'm not 100% sure whether the onload event will wait until the .css file is loaded though. but it's easy to try.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文