为什么从不同的浏览器访问网站的源代码会有所不同?

Asi*_*Ali 3 html javascript css html5 class

查看来自不同浏览器的bartzmall.pk的源代码,您将看到为每个浏览器添加到html标记的不同类.

来自firefox

<html class="firefox firefox53 otherClasses">
Run Code Online (Sandbox Code Playgroud)

来自铬

<html class="webkit chrome chrome58 otherClasses">
Run Code Online (Sandbox Code Playgroud)

来自IE

<html class="ie ie11 otherClasses">
Run Code Online (Sandbox Code Playgroud)

而且来自歌剧

<html class="webkit opera opera45 otherClasses">
Run Code Online (Sandbox Code Playgroud)

"otherClasses"类指的是所有浏览器常见的大约14个其他类.

当从不同的浏览器访问时,该网站如何更改其源代码?这些因浏览器而异的特殊课程有何用途?

PS作为一个附带问题,在html标签中添加如此多的类背后的意义/智慧/原因是什么?

Joh*_*nes 6

有一个名为"modrnizer"的JS插件(google it)可以检测您的浏览器类型和功能,并根据类插入HTML标记,因此您可以设置CSS规则来响应使用这些类的浏览器之间的特定差异.

modrnizer网站本身似乎现在已被打破,但这篇文章描述了它的工作原理:http://html5doctor.com/using-modernizr-to-detect-html5-features-and-provide-fallbacks/

  • @AsifAli JS可以向HTML标签添加类,因此如果您可以检测浏览器,则可以将相应的类插入HTML代码中.我添加了一篇关于它的文章的链接. (2认同)