怎样编辑线上的HTML页面的代码

首先，也是最常用的方法，就是我们直接在浏览器中的代码查看调试器中编辑代码。

我以fire fox浏览器的firebug插件为例，我们打开任意一个在线的浏览器页面之后，按下F12，点击编辑，然后书写style样式，这样整个页面的部分文字就变成红色的了。但是这一方法在页面刷新之后，就不再起作用。

那么我们是不是可以将页面的线上代码转到线下来编辑呢，事实是可以的，还是以FF浏览器为例，我们右键单击页面，选择查看页面源代码

然后我们将源代码全选，复制，然后粘贴到自己在本地Dreamweaver中新建的html页面中

这样只是将html的代码保存到本地了，页面的css和js文件还是在线上的，包括其中的图片，这就需要我们同时引用线上的路径。

有的网页中默认就是直接引用的线上的路径，而有的只是引用的一个相对地址，我们需要在前面再加上线上的地址，即我们当前页面的网址，例如'http://baidu.com',我们直接ctrl+f，进行查找替换就可以。

还有一种方法是我们在页面的head标签上面，设置一个类似于全局变量，这样页面中所有的css,js还有图片就都是基于这个地址的。这样我们就可以直接在本机的代码编辑软件中编辑页面代码了。