Question

我正在建立自己的主页。我发现某人的页面很好，并下载了它的页面源代码，并在我的浏览器中本地打开它，奇怪的是内容在那里，但样式（框架，位置......）丢失了。我想知道恢复风格缺少什么...

我猜这与源代码的head部分有关，可能是css或js文件......我将它们复制到这里：

<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="stylev5.css" />
    <title>homepage</title>
    <meta charset="utf-8" />
    <script type="application/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="application/javascript">
      $(window).ready(function () {
        var codes = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
        // codes = [65];
        $(window).keydown(function (event) {
          var code = event.keyCode;
          if (code == codes.shift()) {
            if (codes.length == 0) {
              $(".konami").fadeIn("slow");
              var h = $(".konami").height() - $(".links").height();
              $(".links").css("margin-top", h/2);
            }
          } else {
            codes = [];
          }
        });
        $(".door").click(function () {
          $(".konami").fadeOut("slow");
        });
      });
    </script>
  </head>
....

我不知道javascript，有人可以帮忙吗？

Answer 1

您需要将<link>和<script>标记中提到的文件下载到.html文件所在的目录中。

将浏览器指向http://website-you-are-stealing-from.com/stylev5.css并下载文件。 Javascript也是如此。

P.S。：不要窃取人们的网站设计;）

Answer 2

如果您有Chrome，则可以导航到该页面并点击 Ctrl-S 以保存整个页面，包括链接，脚本，样式等。这通常效果很好，几乎非常适合静态页面。但请记住，如果您正在处理动态页面，则会出现无法下载或复制的服务器端逻辑。

恢复网页的样式

2 个答案: