一、基本选择器 子元素选择器 概念：子元素选择器只能选择某元素的子元素 语法格式：父元素 > 子元素 （Father > Children） 兼容性：IE8+、FireFox、Chrome、Safari、Opera 相邻兄弟元素选择器 概念：相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素 语法格式：元素 + 兄弟相邻元素 （Eelement + Sibling） 兼容性：IE8+、FireFox、Chrome、Safari、Opera 通用兄弟选择器
今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言，此文章为系列文章，后面还会继续更新网站模板0203等等
星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的margin和padding设置为0。*选择符也可以在子选择器中使用。
在这个章节中，主要分享了 Chrome 与其他浏览器合作伙伴以及更广泛生态系统合作的方式，提出了一个新的 Web 基线的概念，目的是尽可能的消除 Web 兼容性的问题，让跨浏览器开发更简单。
兼容性：IE5.5+、FireFox15+、Chrome4+、Safari3.1+、Opera15+
对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break change 事件（例如 Vue3 必须在支持 Proxy 的现代浏览器下才能运行）下才会关注这件不起眼的事情。
python用senium调用chrome时，需要使用chromedriver驱动，这个驱动需要对应chrome的版本。 而chrome又经常在后台偷偷升级，如果没关掉升级，之前的驱动又用不了。 其实用webdriver-manager听说也可以，但是他要到国外下载驱动，没办法使用。 这点很愁人，所以我这边开发了一个python自动下载并更新chromedriver驱动的程序。
HTML5学堂：我们学过了最为基础的id，类名和标签名选择器，然后就一直用它们了吗？如果是这样，那会丢失掉CSS选择器强大的功能。我们会花费几篇文章的篇幅，将CSS1.0版本至当前最新的3.0版本当中，存在的所有选择器讲解一遍，今天我们先来说说比较基础的选择器。 通配符选择器 基本语法 * { margin: 0; padding: 0; } HTML5学堂的一些提醒： 对于初学者，在学习更多高级选择器之前，最先了解的选择器。 星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性，强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。
浏览器的兼容性问题，是指不同浏览器使用内核及所支持的 HTML 等网页语言标准不同，用户客户端的环境不同造成的显示效果不能达到理想效果。对于用户而言，无论使用哪款浏览器，期望看到的效果是正常的统一的。
在使用selenium启动谷歌Chrome浏览器的时候，是需要用到chromedirver的，两者之间的版本是需要匹配的，否则会出现下面类似的报错：
关于使用Selenium和Python无法更改Google Chrome默认下载目录的可能问题和解决方法：
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。
大家好，上一篇文章里，《这30个CSS选择器，你必须熟记（上）》，我们一起学习了常用的10个CSS选择器，这篇文章我们将继续学习CSS选择器，由于文章篇幅有限，再介绍10个常用的CSS选择器。
怎样算是个体面的前端攻城狮? 大概是，PM，设计，开发等工种都觉得你很专业，很腻害吧～ 下面阐述下我心中体面攻城狮该具备的 软件 能熟练使用前端会用的软件。软件主要分为以下几类 IDE 我用的是Su
大家好，上一篇文章里，《这30个CSS选择器，你必须熟记（上）》，我们一起学习了常用的10个CSS选择器，这篇文章我们将继续学习CSS选择器，由于文章篇幅有限，再介绍10个常用常用的CSS选择器。
日前，虽然 谷歌 宣布消灭Chrome浏览器的应用已经过去一段时间，也的确有一部分应用转换成了插件，但谷歌似乎一直没有采取相应的行动。但在近日，该公司却突然动手。
很久不写博文，之前的长时间不上都关闭了，但随着工作时间长越来越长，对知识的积累和总结还真的是很重要的。所以奉劝码农们每天都还是要抽出来一点时间总结点东西，以后对你受益匪浅！！今天还是变谈CSS3里的flex怎么处理兼容的
CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。
Chrome开发小组最近发表声明他们正在將DOM properties移动到原型链中。这个更新将会在Chrome 43（2015年4月发布beta版本）中实现。这可以让Chrome与Web IDL标准以及其他浏览器（IE和Firfox）保持一致。注：旧的基于Webkit的浏览器与标准不兼容但是safari已经与标准兼容了。
如何使用360浏览器是很多360浏览器的粉丝经常遇到的问题，因为在使用的时候360浏览器出问题了。曾经很长一段时间，很多银行登录系统、企业管理系统、信息管理系统……很多应用级的web系统都不能使用360浏览器正常访问，因为那曾经确实很不好。
随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。
css的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。
在上两篇文章里，《这30个CSS选择器，你必需熟记（上）》和 《这30个CSS选择器，你必需熟记（中）》这两篇文章里，我们一起学习了前20个，本篇文章我们一起学习剩下的10个选择器。
截图需要另外一个库：html2canvas.js2，注意必须使用版本为V0.4.1才能做到 IE9 兼容
Google I/O 是谷歌面向开发者举办的年度开发者大会，每年5月在加州山景城举行。大会会聚焦谷歌最新的产品发布和技术分享，并且大力支持开发者创新。
在使用Selenium库进行Web自动化测试或爬虫任务时，我们有时会遇到一个常见的异常——selenium.common.exceptions.TimeoutException。这种异常通常发生在Selenium等待某个操作完成或页面元素加载时超出了指定的时间限制。特别是在使用无头浏览器（如headless Chrome）时，由于没有图形界面，问题可能更难被察觉。
随着网络宽带的不断提升和智能手机的流行，RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等诸多场景实施的信息化系统中，绝大多数都采用的是B/S架构，隐藏迫切需要在浏览器中嵌入多路摄像头RTSP流低延迟(小于500毫秒)播放功能，而在IE及Chrome 45以下版本等浏览器中，采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的，从2015年开始Chrome及Firefox等浏览器纷纷取消了NPAPI插件的支持，而IE又在与Chrome
现在到处是摄像头的时代，随着带宽的不断提速和智能手机的普及催生出火热的网络直播行业，新冠病毒的大流行又使网络视频会议系统成为商务会议的必然选择，因此RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等场景实施的信息化系统中，已基本全采用B/S架构，迫切需要在浏览器中嵌入多路摄像头RTSP流的超低延迟(小于500毫秒)播放功能，而在IE及Chrome 49以下版本等浏览器中，采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的，从2015年开始Chrome及Firefox等浏览器纷纷取消了NPAPI插件的支持，而IE又在与Chrome及Firefox等浏览器竞争的过程中不断被用户抛弃，到现在市场份额已降到可怜的个位数。微软在几经折腾后，索性也拥抱Chromium内核推出Edge新版来杀死自己的IE，以挽救自己在浏览器这块岌岌可危的江湖地位。
对于前端开发者来说，caniuse网站是一个非常有用的工具，它可以帮助我们查询JavaScript API在不同浏览器版本中的兼容性情况。以fetch为例，我们可以在网站上查到其兼容性如下图所示：
正所谓欲先攻其事必先利其器，作为一名独立博客站长配备安全、高效的应用软件来提升自己工作效率是一个很重要的工作，因为站长们在电脑端的操作会涉及很多网站安全、账号密码、用户信息、重要数据等等内容，如果站长使用的电脑上相关的应用软件有问题那么带来的后果会很严重的，比如：明月就亲身经历过本地电脑造成的网站管理员账号丢失被锁定禁止修改和重置，本地电脑上网站文件被植入木马、后门恶意代码等等各种问题。
要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库
由于手机屏幕尺寸过小，使用原始分辨率会使得页面显示过小，因此使用了逻辑分辨率，用倍数放大的方法来保证兼容性。
今天，老大说，前段时间开发的官网某个页面在 IE 11 下出现了部分问题，需要紧急修复下。
在使用Selenium自动化测试时，有时会遇到“error sending request for url”这样的异常。这个问题通常与Chrome浏览器驱动程序和网络请求相关。本文让我们来了解如何解决这个问题。
x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua-compatible" content="IE=9" > <meta http-equiv="x-ua-compatible" content="IE=8" > <meta http-equiv="x-ua-compatible" content="IE=7" > 2、在一些情况下，我们需要限定浏览器对文档的解析到某一特定版本，或者将浏览器限定到一些旧版本的表现中。可以用如下的方式： <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" > 使用这种写法，浏览器或者使用标准模式进行解析，或者使用 IE5 Quirks 模式进行解析。 3、为了测试，我们也可以使用下面的语句指定浏览器按照最高的标准模式解析页面。 <meta http-equiv="x-ua-compatible" content="IE=edge" > 4、多个模式的指定。我们可以用逗号分割多个版本，这种情况下，浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。如下面的例子，在IE8进行浏览时，将会使用IE7的标准模式进行渲染，因为他本身不支持IE9和IE10。 <meta http-equiv="x-ua-compatible" content="IE=7,9,10" > 参考： http://www.cnblogs.com/cocowool/archive/2013/04/25/3043832.html http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类： 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> <head> <meta http-equiv=Content-Type content=“text/html;charset=utf-8″> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> <title>百度一下，你就知道 </title> <script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> 可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样一行代码！ 这句话的意思是强制使用IE7模式来解析网页代码！ 在这里送上几种IE使用模式！ <meta http-equiv=“X-UA-Compatible” content=“IE=8″> 2. Google Chrome Frame也可以让IE用上Chrome的引擎: <meta http-equiv=“X-UA-Compatible” content=“chrome=1″ /> 3.强制IE8使用IE7模式来解析 <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –> //或者 <meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –> 4.强制IE8使用I
在开发过程中，我们经常需要将网页内容导出为 PDF 文件。传统方法如使用 wkhtmltopdf 工具虽然方便，但在 CSS 兼容性方面存在一些问题。幸运的是，Google Chrome 浏览器提供了一种更为强大和兼容性更好的方式来实现这一功能，即通过命令行使用其无头模式（Headless mode）来导出网页为 PDF 文件。本文将详细介绍如何在 Linux 系统上安装 Google Chrome 浏览器，并通过命令行调用实现网页导出为 PDF 的操作。
在IE、Chrome 45及Firefox 53以下版本的浏览器网页中，可直接或间接调用微软免费开源的ActiveX控件DsoFramer即可嵌入本地安装的Office软件实现在线编辑或审阅Office文档。然而好景不长，从2015年开始Chrome、Firefox等新生代浏览器先后取消了对NPAPI插件的支持，在这些浏览器的后续版本中如何实现就成为了技术难题。IE浏览器又因各种问题导致其不断被用户抛弃，其市场份额已降到前端主流框架直接放弃兼容的地步。而随着Windows系统及Office软件的不断升级，DsoFramer的稳定性和兼容性问题越来越多，不支持64位浏览器不说，也不支持金山WPS及开源的LibreOffice等办公软件，要命的是2008年以来微软再无升级版发布，导致其用于商业用途具有很大风险，除非自己有研发能力解决这些问题。虽然随后有点聚WebOffice控件模仿DsoFramer接力举起免费的大旗，为其收费的电子印章产品导入客户，然而依然无法克服ActiveX控件固有的缺陷，只能在32位的IE浏览器中使用不说，往往还需要修改终端电脑IE的默认安全设置，实施成本高、加载运行时弹警告导致用户体验差，这不现在点聚WebOffice的官方网页和交流论坛也都没了踪影，不再继续维护升级，因为没开放源代码，第三方也无法修改其缺陷，其客户再次被抛弃了。
最近大连车务段在其公众号发表了题为《全力攻关一昼夜，确保运输三十站》的文章，迅速在网络上引发了群嘲，面对舆论压力只好自行删除了此文。起因是其现在车子系统在浏览器中运行的网页代码依赖Flash Player控件的运行，而其开发商Adobe公司呢，完全没考虑商用业务系统的风险做了一个骚操作，在32后的版本中加入了“定时炸弹”，从2021年1月12日(美国时间)开始禁止Flash内容在Flash Player中运行，而Flash Player在Windows 8及以上版本的操作系统中一直是内置自动更新的，从而引发了现在车子系统的故障。按理说你Adobe公司不再维护Flash Player也就罢了，用户继续使用引发的风险自己承担，也没人会来追究你的责任，非要整这么一个定时炸弹在软件中，这和植入了木马病毒又有啥差别呢？可能很多人在说，3年前Adobe公司就公告了这个时间点会停止更新和分发Flash Player，相信大家也绝不会想到Adobe公司会植入这个定时炸弹。而大连车务段遇到的问题绝不是孤例，只是并非所有单位都在公众号发个表扬稿罢了。
5 月 16 日凌晨，微软 Edge 浏览器官方微博发博表示，微软 1995 年推出的 IE 浏览器将于 2022 年 6 月 16 日正式退役，27 年的旅程走到了尽头，之后将由 Edge 浏览器接棒继续提供服务。
首先第一个好处就是可以登录账号，实现账号登录同步书签，添加书签方便多了，还能扩展组件。
浏览器最重要或者说核心的部分是“Rendering Engine” 可大概译为“渲染引擎”，俗称称为“浏览器内核”。负责对网页语法的解释（如[标准通用标记语言]下的一个应用[HTML]、[JavaScript]）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的[渲染引擎]，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息，不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前还没有很多实战经验。
谷歌在2018年2月初的时候就宣布：自2018年7月份开始，Chrome浏览器将会标记所有依然使用HTTP的网站为“不安全”
在项目开发中，客户反映页面样式错乱问题，经查是 360安全浏览器，使用了较老的 Chrome 内核所致。
1. CSS3 圆角 border-radius 属性 一个最多可指定四个border -*- radius属性的复合属性，这个属性允许你为元素添加圆角边框！ 语法：border-radius: 1-4 length|% / 1-4 length|%; 兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera 多值 四个值：左上，右上，右下，左下 三个值：左上，右上和左下，右下 两个值：左上和右下，右上和左下 一个值：四个圆角值相同 扩展属性 bord
https://www.toutiao.com/article/7174938810877215270
我们写代码的多多少少有一些出错的几率，掌握Debug还是很重要的，记得第一次入行写企业系统时，对此一无所知，后来还是去网路上以及问前辈，我印象中还是在博客园里看到有人用firebug，才知道原来有firefox这样的浏览器，那是在2010年的夏天。
国产浏览器使用谷歌内核我觉得是不错的选择。 也许有人问为什么不自己造一个？为什么不使用其它的呢？那推荐什么流量器呢？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
