Редактировать HTML из Google Chrome

Как редактировать и отражать изменения, которые я сделал в HTML, в инструментах Chrome dev (нажмите f12 на chrome)?Редактировать HTML из Google Chrome

На вкладке «Источник» мы можем редактировать страницу, но когда я нажимаю кнопку «Сохранить», она не отражает изменений исходного файла.

Есть ли способ сохранить эти изменения?

Вот мой код:

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

источник

2013-04-26 Mayur Gupta

возможно дубликат (http://stackoverflow.com/questions/6843495/how-to-save- css-changes-of-styles-panel-of-chrome-tools-tools) –

Здесь нет необходимости в HTML-коде для того, что вы просите;) – sachinjain024

@blunderboy u лучше дать мне решение, а FYI форум не был принят пост, который yi hav поставил код ..... –

Ответ Нет, вы не можете сохранять файлы обратно на веб-сервере.. Он просто сохраняет файлы локально.

Некоторые моменты: -

Вы можете сделать некоторые локальные изменения, такие как изменение некоторых стилей некоторых элементов, Обновление некоторые JavaScript в закладке Источник, обновление некоторых HTML на вкладке Elements. Но эти изменения будут потеряны после перезагрузки страницы.
Если вы являетесь владельцем сайта, вы всегда можете скопировать финальные файлы из инструментов dev и обновить свои файлы на веб-сервере.

Вы всегда можете вспомнить причину, по которой браузеры не могут сделать это за вас. Я не должен говорить, что это будет недостатком безопасности. Infact это будет безопасность меньше. Это означает, что вы можете обновлять любой сайт, который не принадлежит вам.

Надеюсь, вы его получите.

источник

2013-04-27 09:58:02 sachinjain024

хорошо, я получил его ... thnxxx –

-1

Он наклоняет быть изменен. Вы меняете его временно, но когда вы его перезагружаете, это загрузка с сервера с его кодом, а не с кодом, который вы ввели. Если вы найдете способ сбой сервера, то вы можете сохранить свои изменения в своих файлах: D

источник

2013-04-26 10:20:45

Похоже, что вышеуказанное сообщение устарело и на самом деле ошибочно. Возможно редактирование исходного кода в Google Chrome.

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

Это было время, так как это возможно. Это с 2013 года: [? Как сохранить изменения CSS из панели Стили Chrome Инструменты разработчика]

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

источник

2016-03-22 22:35:22 Ho1