从谷歌Chrome编辑HTML

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

答案是不，您不能将文件保存回web服务器。它只在本地保存文件。

点:-

你可以做一些局部的修改，比如改变一些元素的样式，在source标签中更新一些JavaScript，在elements标签中更新一些HTML。但是一旦重新加载页面，这些更改将丢失。
如果你拥有这个网站，你可以随时从开发工具中复制最终文件，并在web服务器上更新你的文件。

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

我希望你得到它。

看来上述消息是过时的，实际上是错误的。在Google Chrome中编辑源代码是可能的，并且推荐使用。

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

这已经有一段时间了。这是2013年的数据:

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

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

相关内容

最新更新

热门标签：