您现在的位置是:

浏览器哪个好?第二篇(浅谈内核篇)

Jkay09-06 15:50:45679

写着写着,我突然有了一个思路,就像中国好声音的舞台一样,最后只剩下了冠亚军。那么这个系列写完的时候,我的电脑上应该也只剩下了对我来最好用的浏览器

回想一下装这么多浏览器的原因,最开始是因为网站的前端调试,不同的浏览器内核不同,在一些代码的显示效果上会有差异。为了检查网站在不同的浏览终端上的显示效果,因此安装了多种浏览器以备调试。

这里说点浅浅的技术性的东西,网上有一些什么几大浏览器几大内核的总结文章,这些其实可以不用了解的那么清楚,毕竟又不是内核开发人员。


一般来说,只需知道火狐和谷歌用的内核不一样就可以了,在有一些代码里需要注意。比如在有些网页栏目摘要里,大段文字需要省略。用的会要到  这个属性: 

-webkit-line-clamp  ( 实现限制文字显示多行,多余的用...代替)

以下是介绍

-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。

限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:

    display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。

    -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。

    text-overflow,可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。



再举例:在 w3school 里搜

CSS3 box-orient 属性

也给出了浏览器支持的说明

浏览器支持

目前没有浏览器支持 box-orient 属性。

Firefox 支持替代的 -moz-box-orient 属性。

Safari、opera 以及 Chrome 支持替代的 -webkit-box-orient 属性。

以上例子就很容易看出火狐(火狐采用的开源 Gecko 内核)和谷歌的内核是不一样的(谷歌浏览器最初用的是苹果电脑上的 safari 里的 webkit 内核。2013年4月,谷歌宣布转向自己研发的 Blink 浏览器内核)。这也是为什么有时候同样的网页在我们不同的显示终端屏幕上,看起来会有些细微区别的原因,因为浏览器内核不同,渲染引擎也不一样。

就像汽车好不好要看发动机一样,内核也是浏览器选择中很多人在意的一环。


说到这里,不得不提到前不久上了新闻的红芯浏览器,融资2.5亿的红芯浏览器被爆出抄袭了Chrome。其实开发内核难度大,这个没什么,但错就错在明明用了别人了,却说是自主研发的。让我们欣赏一下这段报道:

"8月15日,红芯公司在其随融资消息发布的资料中称,(当今互联网)前四颗浏览器内核分别为微软IE浏览器内核Trident、谷歌Chrome浏览器内核Blink、苹果Safari内核Webkit、火狐浏览器内核Gecko,而红芯Redcore与之并列。"

在官网上,红芯浏览器一方面称“基于通用内核架构”,另一方面又将自己与谷歌Chrome等一众“普通浏览器”内核进行了明显区别。不得不说这样有些矛盾。

技术已经如此之牛,“竖起大拇指”。这张图现在还在红芯浏览器的官网上。

只能说世界之大,无奇不有。

我决定卸载360极速浏览器。(360无辜躺枪,大喊,为什么,这到底是为什么?)

欲知为何,请听下回分解~

关注我

公众号: 清单自由

ID名: free10s

一个干净的公众号

分享能分享的一切

期待你的关注~

本栏推荐

最新文章

  • 如何找回带留言的公众号

    我们知道,从2018年3月开始,微信更改了公众号的留言功能开放规则,后面新注册的帐号都暂时没有了留言功能。至于什么时候开放呢?目...

  • 还是谈谈近期做网站的心得吧

    还是谈谈做网站的心得吧最近新做了一个站点,因为一些事情没有每天更新,然后今天去搜索资源平台(也就是百度站长平台)后台里看抓取频次...

  • 从垃圾分类的“灵魂六问”到“灵魂七问”

    来自上海阿姨的灵魂拷问:这段时间估计大家被这个刷屏了吧?就是你是什么垃圾。说实话,我超烦这句话,有好多服务号公众号直接用这个标题...

  • wordpress修订版本改成3次的方法

    在我们使用WordPress编写文章或修改文章时,WordPress会自动保存生成一个修订版本,如果一篇文章经过几次的修订,你就...

  • 谈谈换友链和发外链的感悟

    谈谈换友链和发外链的感悟最近换上了友链了,之前一直是好友的微录博客http://www.blogtextbook.com,他的博...