Question

如何编辑和反映我在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>

Answer 1

答案是不，您无法将文件保存回网络服务器。。它只是在本地保存文件。

一些要点： -

您可以执行一些本地修改，例如更改某些元素的某些样式，在源选项卡中更新某些JavaScript，在元素选项卡中更新某些HTML。但重新加载页面后，这些更改将会丢失。
如果您拥有该网站，则始终可以从开发工具中复制最终文件并在Web服务器上更新您的文件。

您始终可以考虑浏览器无法为您执行此操作的原因。我不应该说这将是一个安全漏洞。事实上，它将更少安全。这只是意味着您可以更新任何不属于您的网站。

我希望你明白。

Answer 2

上面的消息似乎已经过时，实际上是错误的。可以推荐使用Google Chrome中的源代码编辑。

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

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

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

Answer 3

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

从Google Chrome编辑HTML

3 个答案: