Question

我试图弄清楚如何使用一些远程资源进行本地开发。

不幸的是，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>

谢谢！

如何修复用作Iframe的src的Blob中的动态链接？

0 个答案: