这很奇怪,从未见过这种情况。起初我认为它必须是FireFox中的一些设置,但它发生在每个浏览器中。所以它可能与托管网络服务器上的设置有关。
通常当我右键单击网页并查看html源代码时,我会看到链接到css,字体和脚本库文件的行。
但是在我正在研究的这个网站上,每个链接文件的整个库都会显示出来。
这是实际代码的主要部分:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wayne's Wax - Industrial Class Waxing System for the Airline,Automotive, RV, Theme & Amusement Park, and Do It Yourself Markets</title>
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="<?php echo PATH; ?>css/main.css" media="all" rel="stylesheet" />
<link href="<?php echo PATH; ?>css/menu.css" media="all" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="<?php echo PATH; ?>js/jquery-ui.js"></script>
<link href="<?php echo PATH; ?>perfect-scrollbar/css/perfect-scrollbar.css" media="all" rel="stylesheet" />
<script type="text/javascript" src="<?php echo PATH; ?>perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
<script type="text/javascript" src="<?php echo PATH; ?>perfect-scrollbar/js/min/perfect-scrollbar.min.js"></script>
<!-- ... and so on, and so forth... -->
</head>
但如果您查看html源代码,那不是您所看到的。你会看到类似的东西,
<style type="text/css" style="display:none">@font-face {
font-family: 'Slabo 27px';
font-style: normal;
font-weight: 400;
src: local('Slabo 27px'), local('Slabo27px-Regular'), url(http://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7RsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
</style>
<style type="text/css" style="display:none">@font-face {
font-family: 'Just Another Hand';
font-style: normal;
font-weight: 400;
src: local('Just Another Hand'), local('JustAnotherHand-Regular'), url(http://fonts.gstatic.com/s/justanotherhand/v7/fKV8XYuRNNagXr38eqbRfzpTO3zq7FUe5pJUVhf_ntc.woff2) format('woff2'), url(http://fonts.gstatic.com/s/justanotherhand/v7/fKV8XYuRNNagXr38eqbRf8DbBFScDQWNirGEA9Q9Yto.woff) format('woff');
}
</style>
<style type="text/css" style="display:none">@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
等等。
没有什么是坏的,但这不是我喜欢看到html源渲染的方式。我想在源视图中单击链接库,然后转到css或脚本页面。我真的不想在一个视图中看到所有18,000个html源代码。
这是发生这种情况的网站:client website
更新:如果我点击此问题中提供的链接进入网站,则源代码看起来很正常。这至少解释了为什么没有其他人看到我所看到的东西。