3

如何在 Chrome 开发工具上编辑和反映我在 HTML 中所做的更改（在 chrome 上按 f12）？

在源选项卡中，我们可以编辑页面，但是当我单击保存按钮时，它不会反映对原始文件的更改。

有没有办法保存这些更改？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>CSS Ribbon</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="container">
        <div class="menu">
            <ul>
                <li class="l1">
                    <a href="#">CSS3</a>
                </li>
                <li class="l2">
                    <a href="#">is really</a>
                </li>
                <li class="l3">
                    <a href="#">powerful</a>
                </li>
            </ul>
        </div>

        <div class="bubble">
            <div class="rectangle">
                <h2>3D CSS.................................................................... ...................klklklklk Ribbon</h2>
            </div>
            <div class="triangle-l"></div>
            <div class="triangle-r"></div>
            <div class="info">
                <h2>I Have Used Only CSS, friends!</h2>
                <p>For this tutorial I have used some new properties of the CSS3. You can realize a nice 3D effect using only CSS, it&#39;s really fantastic.<br />
                It doesn&#39;t work with IE!</p>
                <p><a href="http://www.pvmgarage.com/en/2010/01/10/">Go to the tutorial!</a></p>
            </div>
        </div>
    </div>
</body>
</html>
4

3 回答 3

4

答案是否定的，您不能将文件保存回网络服务器。. 它只是将文件保存在本地。

几点：-

  1. 您可以进行一些本地修改，例如更改某些元素的某些样式、更新源选项卡中的一些 JavaScript、更新元素选项卡中的一些 HTML。但是一旦您重新加载页面，这些更改就会丢失。
  2. 如果您拥有该站点，您可以随时从开发工具复制最终文件并在 Web 服务器上更新您的文件。

你总能想到浏览器不能为你做这件事的原因。我不应该说这将是一个安全漏洞。事实上，它会减少安全性。这只是意味着您可以更新任何不属于您的网站。

我希望你能明白。

于 2013-04-27T09:58:02.393 回答
0

上面的消息似乎已经过时并且实际上是错误的。在谷歌浏览器中编辑源代码是可能的并且推荐。

http://www.hongkiat.com/blog/google-chrome-workspace/

已经有一段时间了，因为这是可能的。这是从 2013 年开始的：

http://www.sitepoint.com/edit-source-files-in-chrome/

于 2016-03-22T22:35:22.610 回答
-1

它不能改变。您临时更改它，但是当您重新加载它时，它是从服务器加载的，带有它的代码，而不是您输入的代码。如果您找到了使服务器崩溃的方法，那么您可以将更改保存在他们的文件中：D

于 2013-04-26T10:20:45.820 回答