当前位置: 首页 > 知识库问答 >
问题:

javascript - 微信小程序 web-view 打开H5网页 不执行JS?

江飞章
2024-04-30

网页在浏览器上和小程序模拟器上都能正常访问,但是在真机上不行
微信小程序 web-view 打开H5网页 不执行JS

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <script type="text/javascript" src="./flv.min.js"></script>        <video id="videoElement" style="width: 100%;" muted autoplay></video>        <button id="unmuteButton" style="visibility: hidden;" >unmute</button>        <script>            window.onload = function () {                if (flvjs.isSupported()) {                    var videoElement = document.getElementById('videoElement');                    var button = document.getElementById("unmuteButton");                    var flvPlayer = flvjs.createPlayer({                        type: 'flv',                        url:'直播拉流地址'                    });                    flvPlayer.attachMediaElement(videoElement);                    flvPlayer.load();                    button.addEventListener("click", function() {                        videoElement.muted = false;                        flvPlayer.play();                    })                }            }        </script>    </body></html>

共有2个答案

濮宇定
2024-04-30

webview 有在小程序后台管理配置业务域名吗且只能以https 开头
微信公众平台

魏煜祺
2024-04-30

微信小程序 web-view 组件用于在小程序中嵌入网页,但有一些限制和注意事项。针对你提到的问题,以下是一些建议和可能的原因:

  1. JavaScript 执行权限:微信小程序对 web-view 中的网页有一定的限制,特别是在执行 JavaScript 方面。默认情况下,web-view 内的网页可能不允许执行某些 JavaScript 代码,尤其是那些涉及小程序原生 API 的代码。
  2. 安全策略:为了安全考虑,微信可能限制了某些 JavaScript 功能或 API 的使用。这包括访问本地资源、使用某些浏览器 API 等。
  3. 跨域问题:如果你的网页试图加载或请求某些非同源资源(如 AJAX 请求到其他域),可能会因为跨域问题导致 JavaScript 代码执行失败。
  4. 网络问题:确保你的网页和所有相关资源(如 flv.min.js 和视频流)在真机上都能正确加载。
  5. 调试和日志:尝试在网页中加入日志或调试信息,以便了解在真机上具体是哪部分代码没有执行。
  6. 微信版本和平台差异:不同版本的微信或不同的平台(如 iOS 和 Android)可能有不同的行为。确保你的微信是最新版本,并测试多个平台和设备。
  7. 政策变化:微信的政策和 API 可能会随时间而变化。建议查阅最新的微信开发者文档,了解是否有关于 web-view 的新规定或限制。

为了解决这个问题,你可能需要调整网页的代码,或考虑其他在小程序中播放视频的方法,如使用微信原生的视频组件。如果可能的话,也可以考虑将视频播放的逻辑移到小程序端,而不是依赖网页来执行。

 类似资料:
  • 安卓系统一个H5网页,在微信小程序内打开,想直接唤起App有什么方法? scheme是不能直接唤起的

  • 本文向大家介绍微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析,包括了微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析的使用技巧和注意事项,需要的朋友参考一下 前言 小程序支持webview以后,我们开发的好多h5页面,就可以直接在小程序里使用了,比如我们开发的微信商城,文章详情页,商品详情页,就可以开发一套,多处使用了。我们今天来讲一讲。在小程序的

  • 本文向大家介绍微信小程序开发打开另一个小程序的实现方法,包括了微信小程序开发打开另一个小程序的实现方法的使用技巧和注意事项,需要的朋友参考一下 微信小程序打开另一个小程序,有两种方法:1.超链接;2.点击按钮。 全局配置: 跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下: App.json 否则会弹出以下错误提示: 超链接实现跳转到小程序: demo.wxml de

  • 使用同个域名,在微信开发者工具中,调用后端接口报错600009,但是在h5(网页端)正常访问到数据,是什么原因 看到网上说在开发者工具勾选“不校验合法域名”,勾选了还是没用,不知道问题出在哪

  • @megalo/target 的 platform 设置成 wechat,mini-css-extract-plugin 提取文件后缀改成微信小程序的 wxss。 const createMegaloTarget = require( '@megalo/target' ) const compiler = require( '@megalo/template-compiler' ) const M

  • 1、第三方应用授权对接 ​ 之前对接小程序只提供了开发者授权的方式,这种方式的弊端是,如果客户同时对接了其他的系统,会产生access token冲突,导致消息发不过来。因此新增第三方平台授权的方式,客户可以在智齿后台直接扫二维码授权对接。流程如下: 1.1、选择授权方式,进入配置页 点击绑定小程序时选择授权方式,默认推荐第三方平台授权: 点击确定进入配置页: 1.2、扫描授权二维码 点击“微信公