如何在浏览器中修改html代码另存而不改变href路径?

最近在抄一个UI界面,感觉直接用Firefox的F12后,在里面直接删改html很方便。
但是,我改完一保存:再打开保存的页面,却发现href的路径全给我改了,甚至导致我css样式都导入失败了。

第一张:改前:
图片描述

看到这时候导入的路径很正常

第二张:在浏览器中修改后另存:

图片描述

href变成了保存的文件名??

而且其他的超链接也从类似:

<a href="list.html">

变成了

<a href="http://localhost:63342/Dalian_CUR/amz_4_baf/table-images-list.html">

不知道有没有能不改变href在浏览器中修改html的方法。

阅读 5.2k
2 个回答
  • 如果使用另存为将页面存下来的画,常用的几个浏览器都是会按照另存为的方法将其中资源的路径改成本地路径的,这样可以保证存到本地的图片等资源在本地可以访问

  • 对于你这种情况,建议在Element标签页中,选中<html>根节点,然后点击右键,Copy->Copy outerHTML,然后将复制到的内容贴回原文件即可:(如图)
    clipboard.png

换个浏览器试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题