我试图弄清楚如何使用一些远程资源进行本地开发。
不幸的是,blob将所有动态链接都视为对我的机器而言本地的,因此它不会加载CSS文件和其他内容。我以为也许可以通过某种方式设置某种ssh隧道,但随后我的浏览器只看隧道。
是否有一种方法可以在加载前对Blob进行正则表达式并将所有动态链接更改为相对链接?
我有点想解决这个问题。或至少是一种解决方法。
这是我正在尝试做的事情和正在观察的问题的简单示例。
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
</head>
<body>
<iframe id="myFrame" src="blob:0827B944-D600-410D-8356-96E71F316FE4" width=700 height=700></iframe>
<iframe id="" src="http://www.test.com" width=700 height=700></iframe>
</body>
<script>
function myFunction() {
var xhr = new XMLHttpRequest();
let test;
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE) {
test = new Blob([xhr.response], {type: "text/html"});
let newurl = window.URL.createObjectURL(test);
document.getElementById("myFrame").src = newurl;
}
};
xhr.open('GET', 'http://www.test.com', true);
xhr.send(null);
}
myFunction();
</script>
</html>
谢谢!