从Google Chrome编辑HTML

问题描述：

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

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

有什么方法可以保存这些更改吗？

这里是我的代码：

<!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>

的可能重复（http://stackoverflow.com/questions/6843495/how-to-save- css-changes-of-styles-panel-of-chrome-developer-tools） – 2013-04-26 10:13:07

这里不需要HTML代码; – sachinjain024 2013-04-26 10:18:00

@blunderboy你最好给我解决方案和FYI论坛不接受该职位是伊ha hav把代码..... – 2013-04-27 09:29:01

答

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

几点： -

你可以做一些本地修改如改变某些元素的一些风格，在源标签更新一些JavaScript代码，更新的元素标签一些HTML。但是一旦您重新加载页面，这些更改将会丢失。
如果您拥有该网站，则始终可以从开发工具复制最终文件并在Web服务器上更新您的文件。

你总是可以想到浏览器为什么不能为你做的原因。我不应该说这将是一个安全缺陷。事实上，这将是安全性较低。这意味着你可以更新任何不属于你的网站。

我希望你明白。

好吧我知道了... thnxxx – 2013-04-29 13:05:41

答

它不能被改变。您可以暂时更改它，但是当您重新加载它时，它将从服务器加载其代码，而不是您输入的代码。如果您发现某种方式导致服务器崩溃，则可以将更改保存在其文件中：D

答

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

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

这已经有一段时间，因为这是可能的。这是从2013年：？如何保存Chrome开发者工具的样式面板中CSS的变化]

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

从Google Chrome编辑HTML

相关推荐