1:搭建调试Web开发工具Webstrom
开发人员选择Firefox Broswer open WebStorm: The Smartest JavaScript IDE, by JetBrains,在该页面 jetbrains公司为开发人员提供基于Mac、Windows、Linux系统的社区(免费)版、专业人员开发版本。由于本教程基于Windows开发,因此选择Windows版本专业人士程序下载至本地磁盘。并且对下载后的程序进行执行操作,在程序的引导下,顺利安装完毕Webs
Linux 1660816501107 geckodriver INFO Listening on 127.0.0.1:12565 1660816501123 mozrunner::runner INFO Running command: “/usr/lib64/firefox/firefox” “–marionette” “–start-fullscreen” “-headless” “–headless” “–window-size=1920,1080” “-foreground” “-no
一.浏览器渲染页面的原理及流程
浏览器的核心部分是渲染引擎,也称为浏览器的内核,负责对网页语法(如HTML、CSS、JavaScript等)的解释并显示网页。Firefox使用Geoko——Mozilla自主研发的渲染引擎,Safari和Chrome使用webkit内核。webkit引擎渲染流程 大概可以划分成以下几个步骤:(0)渲染引擎首先通过网络获得所请求文档的内容 (1)解析HTML文件,构建 DOM Tree (2)解析CSS,构建 CSSOM Tree(CSS规则树) (3)将 D