2013-04-26 64 views
3

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

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

+0

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

+0

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

回答

4

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

几点: -

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

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

我希望你明白。

+0

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

-1

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