微信小程序webview访问oss里面的html文件_微信小程序 webview oss

作者：天景科技苑 | 2024-06-21 04:13:34

踩

微信小程序 webview oss

思路：因为使用webview需要校验业务域名，但是我们不可能把校验文件放到oss服务器上吧，所以自己新建了一个html放在自己的服务器上，然后请求oss里面html里面的内容放到自己的服务器上，经测试是可行的

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta content="width=device-width,initial-scale=1.0,user-scalable=yes" name="viewport" />
  <title>用户手册</title>
  <style>
    img {
      width: 100%;
      height: auto;
    }

  </style>
</head>

<body>
</body>
<script type="text/javascript">
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://XX/ossHtml.html');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var parser = new DOMParser();
      var htmlDocument = parser.parseFromString(xhr.responseText, 'text/html');
      var content = htmlDocument.body.innerHTML;
      document.body.innerHTML = content;
    }
  };
  xhr.onerror = function () {
    console.error('Error:', error);
  };
  xhr.send();

</script>

</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/天景科技苑/article/detail/742019