绿叶浏览器主题的文章列表，还有绿叶浏览器的技术要点_第14页

IE7+ 浏览器兼容预览本地图片

css#preview_fake{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);overflow:hidden;} html<divclass="row"><divid="previ...

代码星球 ·2020-12-30

通过navigator.userAgent判断浏览器类型

1、navigator.userAgent返回一个浏览器信息字符串。2、用到indexOf()方法，查找字符串中是否有指定的浏览器类型。3、if(navigator.userAgent.indexOf("MSIE")>0){return"MSIE";}if(isFirefox=navigator.userAgen...

代码星球 ·2020-12-30

input类型为number去除上下按钮浏览器兼容方法

<inputtype="number"...>input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;}input[type="number"]{-moz-appearance:tex...

代码星球 ·2020-12-30

javascript获取浏览器高度与宽度信息

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)网页正文全文宽：do...

代码星球 ·2020-12-30

修改firefox/chrome浏览器的UserAgent

Firefox:about:config--->useragent--->general.useragent.override->DIY_AGENTChrome:创建快捷方式："C:UsersfxlijAppDataLocalGoogleChromeApplicationchrome.exe"&nbs...

代码星球 ·2020-12-30

浏览器重定向（302）次数限制问题

问题：今天收到反馈说退出在IE8下，出现问题，无法正常完成退出和跳转。接着对造成该问题的原因进行了排查，发现退出的接口使用了跳转的方式遍历了一遍白名单域名，来进行退出所有的域。在网上搜索了一下这样做会有什么问题，了解到不同的浏览器对重定向的次数也不相同，当重定...

代码星球 ·2020-12-30

火狐浏览器如何js关闭窗口的几种解决方法

今天在项目上有一个页面要求在几秒后自动关闭，想着还比较简单，用window.close()就可以了，但是用IE/谷歌/火狐浏览器试了一下，发现IE可以，谷歌用网上的兼容方法也可以实现，但是火狐这里卡住了，不能关闭，网上看到的一种兼容代码：functionwindowclose(){varbrowserName=navi...

代码星球 ·2020-12-30

浏览器本地存储（browser-storage，HTML5-localStorage > IE-UserData > Cookie）

https://www.baidufe.com/component/browser-storage/index.html BrowserStorage是浏览器本地存储的一个解决方案，存储优先级依次为：HTML5-localStorage>IE-UserData>Cookie并提供一套友好的API，...

代码星球 ·2020-12-30

兼容各浏览器，背景透明，内容不透明

[html]<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>body{background:url(http://w...

代码星球 ·2020-12-30

html <input type="text" />加上readonly后在各种浏览器的差异。

1<html>2<body>3<p>Name:<inputtype="text"name="email"/></p>4<p>Country:<inputtype="text"name="country"5value="China"readon...

代码星球 ·2020-12-29

浏览器渲染基本原理（五）：优化渲染性能

浏览器渲染基本原理（五）：优化渲染性能网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画等。大多数设备的刷新频率是60次/秒，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成，超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。为了保证页面的渲染效果，需要充分了解浏览器是如何处理...

代码星球 ·2020-12-29

浏览器渲染基本原理（四）：关键渲染路径与阻塞渲染

关键渲染路径与阻塞渲染在浏览器拿到HTML、CSS、JS等外部资源到渲染出页面的过程，有一个重要的概念关键渲染路径（CriticalRenderingPath）。例如为了保障首屏内容的最快速显示，通常会提到一个渐进式页面渲染，但是为了渐进式页面渲染，就需要做资源的拆分，那么以什么粒度拆分、要不要拆分，不同页面、不同场景...

代码星球 ·2020-12-29

浏览器渲染基本原理（三）：渲染过程

渲染流程用户请求的HTML文本(text/html)通过浏览器的网络层到达渲染引擎后，渲染工作开始。每次通常渲染不会超过8K的数据块，其中基础的渲染流程图：渲染流程有四个主要步骤：解析HTML生成DOM树 ---渲染引擎首先解析HTML文档，生成DOM树构建Render树 ---接下来不...

代码星球 ·2020-12-29

浏览器渲染基本原理（二）：JS引擎的工作方式

JS引擎也可以叫做JS解释器浏览器的核心是两部分：渲染引擎和JavaScript解释器（又称JavaScript引擎）。（1）渲染引擎渲染引擎的主要作用是，将网页从代码“渲染”为用户视觉上可以感知的平面文档。不同的浏览器有不同的渲染引擎。以上四步并非严格按顺序执行，往往第一步还没完成，第二步和第...

代码星球 ·2020-12-29

浏览器渲染基本原理（一）：浏览器主要组成与浏览器线程

大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。前端的用户体验给了前端直观的印象，因此对B/S架构的开发人员来说，熟悉浏览器的内部执行原理显得尤为重要。浏览器大体上由以下几个组件组成，各个浏览器可能有一点不同。界...

代码星球 ·2020-12-29