☰

如何复制源中具有绝对 URL 而不是相对路径的网页源？

tag-icon • tag-icon firefox path firefox-extensions
如何复制源中具有绝对 URL 而不是相对路径的网页源？

概括

我如何复制带有绝对 URL 的网页源代码，而不是相对路径？最好使用 Firefox，但其他解决方案也很好。

例子

页：http://www.thepetedesign.com/demos/planetarium_demo.html
页面来源：view-source:http://www.thepetedesign.com/demos/planetarium_demo.html

实际行为

<script type="text/javascript" src="planetarium/jquery.planetarium.js"></script>
<link href='planetarium/planetarium.css' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="../css/demo.css">
<script src="../js/demo.js"></script>

预期行为

<script type="text/javascript" src="http://www.thepetedesign.com/demos/planetarium/jquery.planetarium.js"></script>
<link href='http://www.thepetedesign.com/demos/planetarium/planetarium.css' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="http://www.thepetedesign.com/css/demo.css">
<script src="http://www.thepetedesign.com/js/demo.js"></script>

理由

如果我查看页面源代码，我通常希望在文本编辑器中或在codepen.io网站，但我每次都需要将相对路径更改为完整 URL。这需要很多时间。

不提供

我想向其他用户展示结果，而不仅仅是我自己。因此，请不要提供：

  1. 火狐Web 控制台或者萤火虫。我无法向其他用户显示我在 Web 控制台/Firebug 中编辑的结果。
  2. 保存网页。如果我保存网页，js/css 文件将保存在我的计算机中，相对链接将转换为我计算机的链接。我无法向其他用户显示我的本地文件。

但是如果可以将相对链接转换为绝对 URL 来保存网页，那将是一个很好的解决方案。

没有帮助

  1. 例如，我通过关键字搜索 Firefox 附加组件查看源代码，我下载了插件，例如，查看源代码，但我没有找到具有所需功能的插件。
  2. 我发现书签小工具。这是我能找到的最佳解决方案，但是并非所有链接都能正确转换现在有这个书签不支持。

相关内容