3

Chrome 開発ツール (Chrome で f12 キーを押す) で HTML に加えた変更を編集して反映するにはどうすればよいですか?

ソースタブでページを編集できますが、保存ボタンをクリックしても元のファイルの変更が反映されません。

これらの変更を保存する方法はありますか?

これが私のコードです：

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

3 に答える 3

0

上記のメッセージは古く、実際には間違っているようです。Google Chrome でのソース コード編集が可能であり、推奨されます。

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

これが可能になってからしばらく経ちました。これは2013年からのものです：

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

于 2016-03-22T22:35:22.610 に答える