从谷歌浏览器编辑HTML_Html_Google Chrome_Google Chrome Devtools

从谷歌浏览器编辑HTML

html google-chrome google-chrome-devtools

从谷歌浏览器编辑HTML,html,google-chrome,google-chrome-devtools,Html,Google Chrome,Google Chrome Devtools,如何在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://

如何在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>


CSS功能区








3D CSS。。。。。。。。。。。。。。。。。。。KLK丝带
我只使用了CSS，朋友们！
在本教程中，我使用了CSS3的一些新属性。你只需要使用CSS就可以实现一个漂亮的3D效果，它'；It’真是太棒了。

它没有'；I don’我不能和你一起工作

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

答案是否，您无法将文件保存回webserver。。它只是在本地保存文件

有几点：-

您可以进行一些本地修改，如更改某些元素的某些样式，在“源”选项卡中更新某些JavaScript，在“元素”选项卡中更新某些HTML。但一旦重新加载页面，这些更改就会丢失

如果您拥有该站点，则始终可以从开发工具复制最终文件，并在web服务器上更新您的文件

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

我希望你能理解。

上面的信息似乎已经过时，实际上是错误的。Google Chrome中的源代码编辑是可能的，建议使用

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

可能的重复项（此处不需要HTML代码来满足您的要求；）@你最好给我一个解决方案，告诉我论坛没有接受这篇文章，这是我写的代码…@MayurGupta没关系。我只是说，因为这会让你的问题看起来更大。你想问的问题可以用2-3行来回答。