2013-04-26 60 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