web浏览器停止运行此脚本 前端都该懂的浏览器工作原理,你懂了吗?

11/27 23:15:39 来源网站:seo优化-辅助卡盟平台

web浏览器停止运行此脚本_停止运行此脚本吗 此页面上的脚本造成web浏览器_易语言超文本浏览框脚本错误

浏览器为了对查找渲染进程这一步骤进行优化,考虑到网络请求获取响应需要时间,所以在第二步开始,浏览器已经预先查找和启动了一个渲染进程,如果中间步骤一切顺利,当 network thread 接收到数据时,渲染进程已经准备好了,但是如果遇到重定向,这个准备好的渲染进程也许就不可用了,这个时候会重新启动一个渲染进程。

第五步:提交导航

到了这一步,数据和渲染进程都准备好了,Browser Process会向Renderer Process发送IPC消息来确认导航,此时,浏览器进程将准备好的数据发送给渲染进程,渲染进程接收到数据之后,又发送IPC消息给浏览器进程,告诉浏览器进程导航已经提交了,页面开始加载。

web浏览器停止运行此脚本_停止运行此脚本吗 此页面上的脚本造成web浏览器_易语言超文本浏览框脚本错误

这个时候导航栏会更新,安全指示符更新(地址前面的小锁),访问历史列表(history tab)更新,即可以通过前进后退来切换该页面。

第六步:初始化加载完成

web浏览器停止运行此脚本_易语言超文本浏览框脚本错误_停止运行此脚本吗 此页面上的脚本造成web浏览器

当导航提交完成后,渲染进程开始加载资源及渲染页面(详细内容下文介绍),当页面渲染完成后(页面及内部的iframe都触发了onload事件),会向浏览器进程发送IPC消息,告知浏览器进程,这个时候UI thread会停止展示tab中的加载中图标。

网页渲染原理

导航过程完成之后,浏览器进程把数据交给了渲染进程,渲染进程负责tab内的所有事情,核心目的就是将HTML/CSS/JS代码,转化为用户可进行交互的web页面。那么渲染进程是如何工作的呢?

渲染进程中,包含线程分别是:

易语言超文本浏览框脚本错误_web浏览器停止运行此脚本_停止运行此脚本吗 此页面上的脚本造成web浏览器

不同的线程,有着不同的工作职责。

构建DOM

当渲染进程接受到导航的确认信息后,开始接受来自浏览器进程的数据,这个时候,主线程会解析数据转化为DOM(Document Object Model)对象。

DOM为WEB开发人员通过JavaScript与网页进行交互的数据结构及API。

子资源加载

在构建DOM的过程中,会解析到图片、CSS、JavaScript脚本等资源,这些资源是需要从网络或者缓存中获取的辅助论坛,主线程在构建DOM过程中如果遇到了这些资源,逐一发起请求去获取,而为了提升效率,浏览器也会运行预加载扫描(preload scanner)程序,如果HTML中存在img、link等标签,预加载扫描程序会把这些请求传递给Browser Process的network thread进行资源下载。

易语言超文本浏览框脚本错误_web浏览器停止运行此脚本_停止运行此脚本吗 此页面上的脚本造成web浏览器

JavaScript的下载与执行

构建DOM过程中,如果遇到

来源:【九爱网址导航www.fuzhukm.com】 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

    暂无相关资讯
web浏览器停止运行此脚本 前端都该懂的浏览器工作原理,你懂了吗?