目录
微软Chromium内核的Edge浏览器，真是不胜唏嘘
去年年底，微软宣布将放弃自己开发的EdgeHTML内核，把Windows10内置的默认浏览器Edge，转换成跟谷歌浏览器同样采用Chromium内核。换句话说，就是要把未来的Windows10默认浏览器替换成只是换了一个皮肤的Chrome。
昨天这款采用Chromium内核的Edge浏览器测试版已经放出了安装包。在用完之后，我最惊叹的一点，就是它能做得多么像是Chrome。
有在国内的小伙伴登记了内测资格，并且得到安装包，之后就放出来了。并且很快也有了在百度网盘等等地方的备份。
下载解压之后，如果你害怕装上对你的系统造成危害，可以无需双击安装程序，而是可以把安装包解压以后，进一步解压msedge.7z获得一个绿色版。
新的Edge同步各种浏览器信息，是使用你的微软账号而不是谷歌账号。在第一次启动浏览器的时候，Edge可以经过你的授权，自动的检测你已经安装在电脑上的Chrome，并完全导入其中的收藏夹、自动填充信息和浏览历史。
在启动页面可以选择三种不同的风格。
除了在现有的Edge已经实现的纯搜索框、常用网址和资讯瀑布流之外，还可以选择加载来自必应（bing）的壁纸。很多网友会下载专门的插件让自己的浏览器首页每天都能加载必应美图，而选择Edge可以自动帮你实现这一愿望。
你可以随个人喜好自由定制显示新标签页的哪一部分。
这款Edge基本上可以让一个习惯使用Chrome的用户无缝切换，菜单布局，功能设置等等分毫不差。
为了做到体验上的完全对接，Edge这一测试版甚至连浏览器标签页一行、后退前进等按钮和地址栏一行和书签栏一行的高度都做到了跟Chrome平齐。
这一版本的Edge采用Chromium75内核，相比正式版Chrome浏览器的73版内核还要新。它的User-agent是：
Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/75.0.3738.0Safari/537.36Edg/75.0.107.0
因此在这一版本的Edge上面可以随意安装来自Chrome应用店的插件。Edge会自动检测到你访问了谷歌商店，并且提示你要安装的话，需要到扩展管理页面去打开安装第三方插件的开关。
Edge对于Chrome扩展可以完全识别并且以相同的效果加载，但对于Chrome的皮肤，在安装时会显示出错。
更让人唏嘘的是：Chrome对很多前端开发者非常有用的F12开发者工具，也得到了Edge的像素级兼容。
在Edge界面审查元素，默认给你提供一个暗色的，类似VSCode的界面。但是你可以在开发者工具中按F1，在设置中把这个界面替换成跟Chrome一模一样的样式。
这简直是一种……可以被称为“丧权辱国”式的全面靠拢。
微软选择放弃开发自有内核的消息，和当年Opera放弃自己内核，转投chromium阵营的新闻，共同被视为谷歌确定在浏览器标准方面霸主地位的里程碑。现在的chromium内核，已经被部分前端开发者称为是新时代的IE6。
就像是当年叱咤风云的IE4-IE6一样，Chrome在通行的W3C标准之外，做出了很多自己家的小调整，使得采用统一Web标准编写的页面在Chrome显示时，相比其它内核可能会发生些许的外观、功能不一致。而这种差异，最终又往往会被追认吸纳进W3C标准当中，其他家将不得不对比Chrome来调整。
同样获得所谓新时代IE6称呼的，还有在手机微信上内嵌的浏览器。因为它采用QQ浏览器的X5内核，同时因为跟微信深度耦合，并且要调用很多通过微信实现的系统能力，所以出现了有些网页必须专门适配微信的局面。
例如：微信公众号的文章页，必须在微信浏览器打开才能显示或发布评论。在PC端和Mac端也有微信内嵌的WebView窗口可以获得微信登录、评论显示等能力，但使用外部浏览器模拟微信浏览器User-agent尝试破解的努力却往往以失败告终。
微软不复当年的王霸之气，放弃了自己的浏览器研究以及随之而来一些独特成果，当然会令一些怀旧的前端开发人士伤感。
在IE6时代启用的一些“黑科技”，即使以现在的眼光看依然很先进，比如：IE和Office共用了一套包含“百叶窗”等效果的特效集，也有一种特殊的CSS写法可以在IE实现渐变色，以及仿制Windows9x样式的浮动“窗口”。
IE单独设置的ActiveX控件是为了在网页实现Windows更新而引入的，虽然后世褒贬不一，但是确实为比较高级复杂的程序功能在网页端实现开辟了一个先例。
此后，基于ActiveDesktop的实践发展而来的，用封装网页做可执行程序的hta格式，也成为Windows操作系统的一个有机组成部分。WindowsXP的部分功能演示页面，以及开箱引导、激活向导等界面均使用hta完成。
现在随着风水轮流转，轮到谷歌通过自己的浏览器霸主地位，不断的为其他有可能会影响到自身生态的竞争对手设置障碍，有的时候你可以认为这是专指微软。
Edge团队的一名前实习生曾指责谷歌通过设计自家YouTube网站，使其在浏览器上表现不佳，从而故意“负优化”Edge浏览器。
具体来说，该实习生指控YouTube在视频播放器的顶部添加了一个空<p>。这使得微软的EdgeHTML内核无法使用其视频加速功能，同时比Chromium更耗电。对此，YouTube发言人予以否认：https://www.theverge.com/2018/12/19/18148736/google-youtube-microsoft-edge-intern-claims
放弃开发自有浏览器内核，应该看作是纳德拉优化微软运作的整体行为的一部分。毕竟连微软自己的手机操作系统都可以放弃，让微软员工可以使用苹果和安卓的手机，并且拥抱Linux阵营这些事情都陆续做得出来，那么放弃一个浏览器内核似乎也并非太让人意外。
对现在的微软而言，放弃自有内核开发可以精简团队力量，直接利用现在最好的显示效果增加用户的好感度，同时也有望最终让系统自带浏览器摆脱“用它唯一用途就是下载Chrome”的尴尬。
从另外一方面来说，还有一个好处就是Windows10终于可以充分的正视那些真正使用浏览器办公的人们的现实痛点了。
现在包括微软自家的Surface在内，几乎所有采用Windows10操作系统的轻薄本，在强调电池续航方面，比如说几个小时的网页浏览时间，这些都是根据现存Edge浏览器来计算的理想情况。
而Edge针对Windows进行的优化，可能使得你安装Chrome浏览器，并且有很多插件之后，对系统的内存占用和耗电情况，就跟标称的有很大区别，有上当受骗之感。“Chrome吃内存”也成为一个经久不衰的梗。
现在微软官方都使用Chromium内核，有助于让厂家真正的正视这个问题。
在第一个ChromiumEdge正式版本出来之后，各个厂商在推出新品时，如果采用同样的电池容量，那么看网页的标称续航能力恐怕也将大幅下降。
但是，这就会迫使操作系统方和OEM厂商，对于使用Chromium内核的实际体验进行优化，从根本上倒逼省电技术的逐渐改进。这样，每一个使用不管是谷歌浏览器还是Edge浏览器的人们，最终都是受益者。
也希望这能够成为对于微软自主研发的Trident和EdgeHTML内核在天之灵的最好告慰。
作者：书航，微信公众号：航通社（ID：lifeissohappy），微博：@lishuhang
题图来自Unsplash，基于CC0协议
如何将edge设置成ie的主页
edge打开为百度，更改成edge的方法如下：
工具：微星MS-7D16、Windows11专业工作站版22H2、MicrosoftEdge100.0.1185.44。
1、首先打开MicrosoftEdge浏览器。
2、点击如图所示的三个点，在弹出的菜单中，鼠标滚轮往下翻找到设置并点击，进入下一个页面。
3、按如图所示操作，点击“开始，主页和新建标签页，在右边栏MicrosoftEdge启动时下边，选择“打开以下页面”，点击“添加新页面”，接着在弹出的对话框输入URL：“https://www.baidu.com/”，并点击添加按钮。
4、在“开始”按钮下面，把“在工具栏上显示”首页“按钮”开关打开。选择输入URL，键入https://www.baidu.com/并点击保存。到此就设置好了。
Edge浏览器必须掌握的10大神级功能
1、标签页睡眠，巧妙提升浏览器性能。
2、无痕浏览，开车毫无压力。
3、沉浸式阅读，看网页就像看电子书。
4、一键剪藏，集锦妙用，快速整理阅读资料。
5、页面长截图，不止发生在移动端。
6、网页选择，无差别复制。
7、ORC二维码，随时随地浏览网页。
8、应用扩展，总有一些意外收获。
9、web应用，打包云端服务，无须下载客户端。
10、一个没啥用但是很有趣的功能。
edge浏览器兼容代码的前缀是什么
一、placeholder修改样式兼容性写法：由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。
针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。
注意：
1、WebKit,Blink,Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上input
2、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀。要点1：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；要点2：火狐浏览器不需要像webkit内核那样要带上input。
3、由于placeholder属性只在IE10 才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input
特别强调：冒号与双冒号的问题，还有是否需要加上input
作者：江峰★出处：
打开CSDN，阅读体验更佳
css兼容性写法大全_前端独秀的博客
css兼容性写法大全淘宝初始化代码body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}...
继续访问
css兼容性写法,CSShack写法_weixin_34112208的博客
一、CSShack写法书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。color:red;//所有浏览器color:blue\9;//所有IE color:orange;//IE7_color:green;//IE6eg1.若浏览器为FireFox,那么color:red;若浏览器为IE8,...
继续访问
各浏览器css兼容写法
各浏览器css兼容写法各浏览器css兼容写法
如何解决placeholder的兼容性
placeholder在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理在页面添加如下脚本$(function(){//如果不支持placeholder，用jQuery来完成if(!isSupportPlaceholder()){//遍历所有in
继续访问
CSS浏览器前缀兼容写法_梦凝哲雪的博客_css兼容前缀
CSS浏览器前缀兼容写法Vendorprefix—浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。该图来自简书沈龙浏览器引擎前缀(VendorPrefix)有哪些?
继续访问
CSS各浏览器兼容写法(CSSHACK)_caspar笔记的博客
CSSHack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(ifIE)Hack,CSSHack主要针对IE浏览器。类内部Hack:比如IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不...
继续访问
html placeholder 兼容问题,placeholder属性做兼容性处理
placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点(或输入内容)时，提示文字消失。但是在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理效果：
继续访问
css兼容写法
css31.box-shadow:filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow:2px2px10px#909090;/*兼容firefox*/-webkit-box-shadow:2p...
继续访问
css兼容解决方案,css兼容性处理方案
css兼容性处理方案首先是对于兼容性的理解。不同浏览器之间的兼容 同一浏览器，不同版本之间的兼容。解决方案主要有以下四种：1浏览器CSS样式初始化对padding和margin，以及line-height等在全局初始化，统一不同浏览器之间的差异。举例：*{margin:0;padding:0;}html{line-height:1.15;-webkit-text-size-adjust...
继续访问
三分钟速记CSS兼容写法
CSS兼容浏览器的写法主要是坑爹的IE浏览器，身为前端开发在写PC端项目的时候，需要在CSS样式上进行最基本最简单的样式适配的方法，这些也是必要掌握的。文章目录CSS兼容浏览器的写法前言一、兼容不同浏览器1、针对不同内核基本的浏览器的兼容写法二、CSSHack总结前言本篇文章主要总结了简单的及常用的CSS样式的兼容写法。一、兼容不同浏览器1、针对不同内核基本的浏览器的兼容写法-webkit-：safari、chrome-moz-：firefox-ms-：ie-o-
继续访问
浏览器不能切html样式,css不同浏览器兼容性问题怎么解决？
浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。那么css不同浏览器兼容性问题怎么解决？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。css不同浏览器兼容性问题的解决方案1.浏览器CSS样式初始化由于每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化，相信很多朋友都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0，以防...
继续访问
各浏览器兼容css写法
/*针对Chrome谷歌浏览器内核支持的CSS样式*/@mediascreenand(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}/}针对Firefox浏览器的内核CSS写法：@-moz-documenturl-prefix(){样式/例如.font1{color:red}/}...
继续访问
css的兼容性写法
各浏览器兼容性css写法/*针对Chrome谷歌浏览器内核支持的CSS样式*/@mediascreenand(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}*/}针对Firefox浏览器的内核CSS写法：@-moz-documenturl-prefix(){样式/*例如.f
继续访问
最新发布浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法
浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法
继续访问
CSS中的字体兼容写法：用CSS为英文和中文字体分别设置不同的字体
font-family的调用方法：font-family:Arial,'TimesNewRoman','MicrosoftYaHei',SimHei;font:bold12px/0.75emArial,'TimesNewRoman','MicrosoftYaHei',SimHei;根据font-family的原则，假如客户终端不认识前面的字体，就自动切换到第...
继续访问
ie浏览器样式兼容写法_常见的CSS样式兼容性写法
1.设置透明度在IE6中使用filter:alpha(opacity=40);在其他浏览器中使用opacity:0.4;2.设置行高/*\9表示兼容所有的IE浏览器*/line-height:35px\9;3.清除浮动.clearfix:after{content:'';height:0;clear:both;overflow:hidden;visibility:h...
继续访问
CSS兼容写法整理
css3(含ie9以下)1.box-shadow：filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow:2px2px10px#909090;/*兼容firefox*/-webkit-box-shado
继续访问
placeholder的简单使用
placeholder就是用户名密码框未输入内容时,默认显示的灰色文字。如下图效果：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>placeholder效果演示(runoob.com)</title></head>&l...
继续访问
css兼容性写法大全
淘宝初始化代码body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,sel...
继续访问
热门推荐cssie6,ie7,ie8兼容性写法,CSShack写法
margin-bottom:40px;/*ff的属性*/margin-bottom:140px\9;/*IE6/7/8的属性*/color:red\0;/*IE8支持*/*margin-bottom:450px;/*IE6/7的属性*/ margin-bottom:450px;_color:#ff0000;
继续访问
浏览器兼容的css写法
1.IE6、IE7、IE8兼容写法_color:#ccc;/*_只ie6支持*/*color:#ccc;/**ie6/7支持*/* color:#ccc;/** ie7支持*/color:#ccc\0;/*\0IE8支持*/color:#ccc\9;/*\9IE
继续访问
css兼容ie
首先，我在把ie浏览器更新到11后，在f12调试工具中发现一片空白，解决方法如下：安装补丁：64位的系统应该使用下面这个补丁：32位的系统应该使用下面这个补丁：
继续访问
css中属性兼容性写法,CSS3兼容属性和标准属性的书写顺序
一、不同书写顺序示例首先个人推荐的正确写法：//标准属性放在兼容属性之后-webkit-border-radius:10px30px;border-radius:10px30px;容易产生问题的错误写法：//标准属性放在兼容属性之前border-radius:10px30px;-webkit-border-radius:10px30px;二、实例说明1.实例实例1.1(正确写法)：Do...
继续访问
几种css属性兼容性写法
css属性兼容性写法，兼容低版本主流浏览器
继续访问
css兼容写法
edge浏览器字体乱码了怎么办?edge浏览器攻略
win10edge浏览器字体乱码了怎么办?最近有用户反映在使用win10edge浏览器的时候出现了一堆乱码的现象，看又看不懂，那到底是字体的问题还是浏览器出现了问题呢?我们又该怎么解决该问题呢?下面我就给大家介绍win10edge浏览器字体乱码解决教程。
win10edge浏览器字体乱码的解决教程介绍：
1、打开浏览器，并打开开发人员工具(试用系统自带的edge，按f12)，
2、点击选择元素图标，之后点选乱码字体;点选网页内乱码字体这一行，
3、在开发人员工具内右侧的样式栏，找到继承自body下的，font-family，
4、取消前面的对勾，会发现，乱码字体变化了，这就证明，就是该行所使用的字体有问题，选择该行，一项一项删除，就会定位到有问题的字体上(本人是Arial字体有问题)，搜索并下载该字体，右键安装，
5、关闭浏览器重新打开页面，显示正常，
打开edge浏览器发现主页被改了，怎么改回原来的？？？
1、首先在电脑中，打开电脑管家，如下图所示，点击右上角的三道横杠，打开设置中心。
2、然后在打开的设置窗口中，打开主动防护，如下图所示。
3、接着在打开的右边栏中，找到浏览器保护设置，打开防护设置，如下图所示。
4、最后在打开的页面中，取消锁定，如下图所示，Edge浏览器主页被篡改的问题就解决了。
