精华内容
下载资源
问答
  • 常见的浏览器内核都有哪些

    千次阅读 2021-04-08 14:22:25
    一、 浏览器 1. IE浏览器 IE浏览器是世界上使用最广泛的浏览器,它由微软公司开发,预装在windows操作系统中。所以我们装完windows系统之后就会有IE浏览器。目前,最新的IE浏览器版本是IE 11。 2. Safari浏览器 ...

    一、 浏览器

    1. IE浏览器

    IE浏览器是世界上使用最广泛的浏览器,它由微软公司开发,预装在windows操作系统中。所以我们装完windows系统之后就会有IE浏览器。目前,最新的IE浏览器版本是IE 11。

    2. Safari浏览器

    Safari浏览器由苹果公司开发,它也是使用的比较广泛的浏览器之一。Safari预装在苹果操作系统当中,从2003年首发测试以来到现在已经11个年头。是苹果系统的专属浏览器,当然现在其他的操作系统也能装Safari。

    3. Firefox浏览器

    火狐浏览器是一个开源的浏览器,由Mozilla资金会和开源开发者一起开发。由于是开源的,所以它集成了很多小插件,开源拓展很多功能。发布于2002年,它也是世界上使用率前五的浏览器。

    4. Opera浏览器

    opera浏览器是由挪威一家软件公司开发,该浏览器创始于1995,目前其最新版本是opera 20,他有着快速小巧的特点,还有绿色版的,属于轻灵的浏览器。

    5. Chrome浏览器

    Chrome浏览器由谷歌公司开发,测试版本在2008年发布。虽说是比较年轻的浏览器,但是却以良好的稳定、快速、安全性获得使用者的亲睐。

    6. 其他浏览器

    像360浏览器,猎豹浏览器,百度浏览器等大多基于IE内核开发的。所以这里不详细介绍。

    二、内核

    1. Trident:

    该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到IE11,也被普遍称作”IE内核”。

     

    Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现。


    Trident内核的常见浏览器有IE、360安全浏览器、猎豹安全浏览器、傲游浏览器、百度浏览器、世界之窗浏览器、2345浏览器、腾讯TT、搜狗高速浏览器、UC浏览器等。

    2. Gecko:

    Gecko(Firefox内核),Netscape6开始采用的内核,后来的Mozilla FireFox(火狐浏览器)也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。

     

    因为这是个开源内核,因此受到许多人的青睐,Gecko内核的浏览器也很多,此外Gecko也是一个跨平台内核,可以在Windows、 BSD、Linux和Mac OS X中使用。


    Gecko内核常见的浏览器: Mozilla Firefox、Mozilla SeaMonkey、waterfox(Firefox的64位开源版)、Iceweasel。

    3. Presto:

    Presto(Opera前内核) (已废弃), Opera12.17及更早版本曾经采用的内核,现已停止开发并废弃,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,然而代价是牺牲了网页的兼容性。

     

    实际上这是一个动态内核,与前面几个内核的最大的区别就在脚本处理上,Presto有着天生的优势,页面的全部或者部分都能够在回应脚本事件时等情况下被重新解析。


    此外该内核在执行Javascrīpt的时候有着最快的速度,可惜Presto是商业引擎,使用Presto的除开Opera以外,只剩下NDSBrowser、Wii Internet Channle、Nokia 770网络浏览器等,这很大程度上限制了Presto的发展。Opera现已改用Google Chrome的Blink内核。

    4. Webkit:

    Webkit(Safari内核,Chrome内核原型,开源),它是苹果公司自己的内核,也是苹果的Safari浏览器使用的内核。

    Webkit是自由软件,同时开放源代码。在安全方面不受IE、Firefox的制约,所以Safari浏览器在国内还是很安全的。


    Google Chrome、360极速浏览器、搜狗高速浏览器高速模式使用Webkit作为内核。WebKit 内核在手机上的应用也十分广泛,例如 Google 的手机 Gphone、 Apple 的iPhone等所使用的 Browser 内核引擎,都是基于 WebKit。

     

    WebKit内核常见的浏览器:傲游浏览器3、Apple Safari(Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。

     

    图表总结:

     

    浏览器/RunTime内核(渲染引擎)JavaScript引擎
    ChromeBlink(20)Webkit(Chrome 27)V8
    FireFoxGeckoSpiderMonkey
    SafariWebkitJavaScriptCore
    EdgeEdgeHTMLChakra(for JavaScript)
    IETridentChakra(for JScript)
    PhantomJSWebkitJavaScriptCore
    Node.js-V8

     

    展开全文
  • 可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象,用来完成对浏览器的操作 概览 1.Window:代表的是整个浏览器的窗口,同时它也是网页中的全局对象。 2.Navigator:代表的是当前浏览器的信息,通过该对象...

    原文:https://blog.csdn.net/weixin_43409765/article/details/91347154?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control

    https://blog.csdn.net/sweetllh/article/details/73927752

    浏览器对象模型(BOM)

    可以使我们通过JS来操作浏览器
    在BOM中为我们提供了一组对象,用来完成对浏览器的操作

    概览

    1.Window:代表的是整个浏览器的窗口,同时它也是网页中的全局对象。

    2.Navigator:代表的是当前浏览器的信息,通过该对象可以来识别不同的浏览器。

    3.Location:代表当前浏览器的地址信息,通过该对象可以获取地址信息,或者操作浏览器跳转页面。

    4.History:代表浏览器的历史纪录,可以通过该对象来操作浏览器的历史纪录。由于隐私原因,该对象不能获取到具体的历史纪录,只能操作浏览器向前或向后翻页,而且该操作只在当此访问时有效

    5.Screen:代表我们用户屏幕的信息,通过该对象可以获取到用户的显示器的相关信息。

    这些BOM对象在浏览器中作为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。

    介绍

    1.window对象
    BOM的核心对象是window,它表示浏览器的一个实例,它也是ECMAScript规定的Globle对象,也就是说网页中任何一个对象都是在window这个对象里面的。如果有用到框架(frameset),那么每个框架都有自己的window对象.
    如下例子:

    var  a = "666";
    
    aler(a);  //666
    alert(window.a)  //666
    

    两条alert都是弹出相同的结果。

    Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写document,而不必写 window.document,同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()
    window 对象常用方法
    1、alert() 显示带有一段消息和一个确认按钮的警告框
    2、setTimeout(code,millisec) // 指定millisec时间后执行一次code,这个最常用在写时钟
    clearTimeout(id) // 停止执行setTimeout 所调用的方法
    3、setInterval(code,millisec) // 周期性执行调用code代码串 返回一个clearInterval() 从而取消对 code 的周期性执行的值。
    clearInterval(id) //clearInterval() 方法可取消由 setInterval() 设置的 timeout

    <html xmlns="http://www.w3.org/1999/xhtml">  
    	<head>  
    		<script language="javascript" type="text/javascript">  
    		var cid=self.setInterval("clock()",50)  
    			function clock(){  
    				document.getElementById("btn").value=new Date;  
    			}  
    		</script>  
    	</head>  
    	<body>  
    		<input id="btn" type="button" name="test" onclick="clearInterval(cid)">  
    	</body>  
    </html> 
    

    4、closed() 关闭浏览器窗口
    5、moveBy(x,y) 把窗口右移x像素 下移y像素
    6、moveTop(x,y) 把窗口左上角移动到制定位置

    <html xmlns="http://www.w3.org/1999/xhtml">  
    	<head>  
    		<script language="javascript" type="text/javascript">  
    			var win = window.open("http://www.baidu.com","新窗口","width:500,height:300");  
    			function move(){  
    				win.moveBy(50,50);  
    			}  
    		</script>  
    	</head>  
    	<body>  
    		<input id="btn" type="button" name="test" value="移动" onclick="move()">  
    	</body>  
    </html>  
    

    7、open(URL,name,features) 用于打开一个新的浏览器窗口或查找一个已命名的窗口,URL为打开地址,name窗口名称, features属性值:
    8、print() 方法用于打印当前窗口的内容,调用本地打印设备

    2.location对象
    提供了与当前窗口中加载的文档有关的信息,还有一些导航功能,值得注意的是location既是window对象的属性,又是document对象的属性,既window.location和document.location 引用的是同一个对象。

    比较实用的方法是location.assign();

    window.location = "http://www.666.com";    //页面跳转到该网址
    location.href = "http://www.666.com";      //页面跳转到该网址
    location.assign("http://www.666.com");     //页面跳转到该网址
    

    前两种方法其实底层也是调用了location.assign(),即三者结果是一样的。
    注:这三种方法跳转之后可以通过后退按钮返回到跳转之前的页面。

    location.replace("http://www.666.com");   //页面跳转到该网址,跳转之后不可返回前一页面
    

    3.navigator对象
    该对象里面保存着浏览器的各种信息,判断浏览器的各种信息就是从该对象里的属性来读取,具体属性如下图:
    在这里插入图片描述
    cookicEnablcd:判断是否启用cookic
    userAgent:判断浏览器的名称和版本号
    plugins:保存浏览器中所有插件信息的集合

    4.screen对象
    目前没遇到用screen对象的场景,所以就不在此介绍。如果有什么神奇的作用还请大腿评论告知。

    5.history对象
    该对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。出于安全考虑,开发人员不能知道用户浏览过的网址的具体url,但是我们可以通过下面方法在不知道具体历史url的情况下控制用户页面前进或后退。

    history.go(-1);   //页面后退一页
    history.go(1);    //页面前进一页
    history.go(0):刷新
     <a href="javascript:history.go(1);">前进一次</a>
    history.go("666");   //跳转到距当前页面最近的包含666字符串的页面,可能前进可能后退。
    
    //下面这两个方法对应history.go()的前进和后退。
    history.back(1);  //后退一页
    history.forward(1)  //前进一页
    
    展开全文
  • 常用浏览器哪些

    千次阅读 2020-08-01 09:35:59
    浏览器是网页显示、运行的平台。 常用的浏览器有: 1、IE浏览器 2、火狐(Firfox)浏览器 3、谷歌(Chrome)浏览器 4、safari浏览器 5、Opera浏览器 6、Edge浏览器 前面五个通常被称为五大浏览器,其中谷歌浏览器在...

    浏览器是网页显示、运行的平台。
    常用的浏览器有:
    1、IE浏览器
    2、火狐(Firfox)浏览器
    3、谷歌(Chrome)浏览器
    4、safari浏览器
    5、Opera浏览器
    6、Edge浏览器
    前面五个通常被称为五大浏览器,其中谷歌浏览器在全球市场上占有率最高,开发人员一般使用的都是谷歌浏览器来进行测试。
    浏览器内核:
    负责读取网页内容,整理信息,计算网页的显示方式并显示页面信息。
    目前国内一般浏览器都会采用Webkit/Blink内核,比如360、UC、QQ、百度、搜狗等。

    更详细内容请参考引用 http://www.xinbiancheng.cn/htmlvideo/5ebfdcfd55ae070fb714155c.html

    展开全文
  • BOM是browser object model的缩写,简称浏览器对象模型 ,提供了独立于内容而与浏览器窗口进行交互的对象; 1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性; 2、document对象,文档对象; ...

    BOM是browser object model的缩写,简称浏览器对象模型 ,提供了独立于内容而与浏览器窗口进行交互的对象;

    1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;

    2、document对象,文档对象;

    3、location对象,浏览器当前URL信息;

    4、navigator对象,浏览器本身信息;

    5、screen对象,客户端屏幕信息;

    6、history对象,浏览器访问历史信息;

    展开全文
  • 浏览器进程,渲染进程有哪些线程 参考:https://segmentfault.com/a/1190000012925872
  • 2、websql这种方式只有较新的chrome浏览器支持,并以一个独立规范形式出现 3、indexDB是一个为了能够在客户端存储可观数量的结构化数据,并且在这些数据上使用索引进行高性能检索的 API 4、Cookie一般网站为了辨别...
  • 浏览器对象模型

    2021-04-29 15:49:23
    课程名称 前端模块化 ...BOM :Browser Object Model(浏览器对象模型),浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结构,就是浏览器提供的 API 其主要对象有: 1. wind...
  • 详解浏览器的事件模型一、事件二、事件类型三、注册事件四、事件流 一、事件 事件类型和事件目标 二、事件类型 表单时间 window事件 鼠标事件 键盘事件 H5 新增事件 移动设备事件 三、注册事件 对目标对象或文档...
  • 常见的浏览器端的存储技术有哪些

    千次阅读 2017-08-27 09:56:29
    cookie cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能...不过,需要在页面中插入一个Flash,当浏览器没有安装Flash
  • 常见的浏览器内核有哪些

    千次阅读 2018-12-07 12:54:10
    1. Trident内核代表产品Internet Explorer ...由于微软很长时间没有更新Trident内核,这些浏览器已经属于古董级别的浏览器了 2. Gecko内核代表作品Mozilla FireFox FirefoxGecko是一套开放源代码的、以...
  • 文章目录进程和线程进程和线程的关系浏览器是多进程的浏览器的四大进程关于浏览器渲染进程关于WebWorker关于SharedWorker关于硬件加速 进程和线程 进程是cpu资源分配的最小单位(是能拥有资源和独立运行的最小单位...
  • 浏览器,作为传统PC端上的流量入口和系统平台,在手机上也起到了非常重要的作用。根据艾媒资讯公布的2017Q1中国手机浏览器市场季度监测报告显示,手机浏览器的用户已达5.94亿,75.8%的网民每天都在使用手机浏览器。...
  • 常见的五大浏览器内核

    万次阅读 2018-07-29 11:15:50
    常见的五大浏览器内核 首先解释一下有一些是我自己的理解,不保证完全正确。 浏览器内核是什么东西。英文叫做:Rendering Engine,中文翻译很多,排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核. ...
  • 现在主流的运营跨境电商多账号的工具是超级指纹浏览器,超级指纹浏览器例如有AdsPower超级指纹浏览器、林肯法球指纹浏览器、Multilogin指纹浏览器等等。 大家都知道超级指纹浏览器是用来防指纹检测的,超级指纹...
  • 1.浏览器内核的定义  浏览器内核又称为“渲染引擎”,负责对网页语法(HTML,JavaScript)的解释并渲染网页,决定了浏览器将以什么样的方式显示浏览器的内容以及格式信息。不同的浏览器对网页语法的显示结果有所...
  • 常见的一些浏览器对象

    千次阅读 2017-10-13 16:15:11
    window对象是BOM的核心,window对象指当前的浏览器窗口。 方法有: 2.History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注:从窗口被打开的那一刻开始记录,...
  • 下面是来自百度统计流量研究院的浏览器市场份额报告(2016年1月至今)可以看到chrome和IE依然占据了国内浏览器份额的大多半江山,尤其是chrome浏览器,近几年来发展迅速,抢走IE不少份额。另外国内一些浏览器也有...
  • 浏览器缓存机制

    千次阅读 2016-07-30 17:16:34
    浏览器的缓存机制理解和总结
  • 本文介绍一些主流开源浏览器(Open source browser)框架,只统计还在更新的开源浏览器,比较出名的有Chromium,Mozilla Firefox、Brave、GNOME Web等等,帮助大家方便选择什么浏览器进行GUI开发。有些浏览器对系统...
  • 候鸟防关联浏览器原理

    千次阅读 2021-04-20 23:51:55
    为什么本地环境(指纹浏览器) +I P 环境,这两个维度不能割裂去解释呢? 因为市场上自养号测评系统太多了,尤其是 PC 端的自养号操作,形形色色(虽然本质都离不开测评大系统五大维度),很多朋友正在使用的测
  • 浏览器的多进程

    千次阅读 2018-03-21 22:38:09
    区分浏览器多进程和js单线程进程和线程的主要差别在于它们是不同的操作系统资源管理方式。进程有独立的地址空间,一个进程崩溃后,在保护模式下不会对其它进程产生影响,而线程只是一个进程中的不同执行路径。线程有...
  • 什么是浏览器引擎?

    2019-09-13 06:47:45
    去年10月,Mozilla宣布Project Quantum- 我们倡议创建下一代浏览器引擎。我们现在正在进行中的项目。我们实际上是在上个月用Firefox 53发布了我们第一个重要的Quantum。 但是,我们意识到,对于不构建Web浏览器的人...
  • 浏览器缓存详解

    千次阅读 2021-01-12 18:28:22
    刷新当前页面时浏览器会根据当前运行环境内存来决定是从 Memory Cache 还是 从Disk Cache中拿(可以看到下图最后几个文件有时候是从 Memory Cache中拿有时候是从Disk Cache中拿) 注意:以上回答全部基于chrome...
  • 浏览器的页面日志采集分两大类:页面浏览日志采集、页面交互日志采集。 1.1 页面浏览日志采集 页面浏览日志采集指采集当一个页面被浏览器加载呈现时的日志; 此类日志时最基础的互联网日志,也是当前所有互联网产品...
  • 浏览器进程

    2019-09-26 09:12:39
    浏览器都包含哪些进程? 浏览器是多进程 1、Browser进程:浏览器的主进程(负责协调、主控),只有一个。作用有: 负责浏览器界面显示,与用户交互。如前进,后退等 负责各个页面的管理,创建和销毁其他...
  • 控制器属于管理者角色,从视图接收请求并决定调用哪个模型构件去处理请求,然后再确定用哪个视图来显示模型处理返回的数据。 这三层是紧密联系在一起的,但又是互相独立的,每一层内部的变化不影响其他层。每一层...
  • 随着HTML5、Canvas、WGL等技术的发展,手机网页的显示效果已经今非昔比,以前在客户端才可以做到的很多事情,实际上已经可以在浏览器上实现。于是浏览器厂商们纷纷抛出WebAPP代替论,关于webAPP能否代替本地APP的...
  • 浏览器大战

    2019-12-08 20:05:46
    距离蒂姆·伯纳斯·李 1990 年开发出世界第一个网页浏览器已经有 22 年了,这22 年浏览器市场有哪些跌宕起伏呢? 第一次浏览器大战  第一次浏览器大战发生在上个世纪90年代,微软发布了它的IE浏览器,和网景...
  • 五大主流浏览器

    2020-06-04 17:36:33
    在介绍浏览器内核之前,我们先从我们熟悉的五大主流浏览器入手,逐步深入地理解四大浏览器内核。五大主流浏览器(按照诞生顺序介绍): IE浏览器 IE是微软公司旗下浏览器,是目国内用户量最多的浏览器。IE诞生于...
  • 浏览器渲染机制

    千次阅读 2018-10-22 21:29:27
    一、引入 作为一名前端开发人员,和自己打交道最多的就是浏览器了,那么当浏览器拿到我们的写...除了浏览器主窗口显示的你请求的页面外,其他显示的各个部分都属于用户界面。 渲染引擎 -解析DOM文档和CSS规则并将内...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 93,770
精华内容 37,508
关键字:

哪些属于浏览器