uni-app开发微信公众号H5网页，用微信开发者工具调试公众号

参考文档：
使用uniapp开发微信公众号（H5页面），用微信开发者工具调试微信公众号

1、根据官网文档，新建入口文件template.h5.html

官网文档
template.h5.html 直接复制过来就可以

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title><%= htmlWebpackPlugin.options.title %></title><!-- Open Graph data --><!-- <meta property="og:title" content="Title Here" /> --><!-- <meta property="og:url" content="http://www.example.com/" /> --><!-- <meta property="og:image" content="http://example.com/image.jpg" /> --><!-- <meta property="og:description" content="Description Here" /> --><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

2、配置mainifest.json

3、hbuilder运行chrome

4、把运行地址复制到微信开发者工具地址栏就可以进行测试了，选择微信公众号网页调试，可以进行热更新

工具栏-微信开发者工具-更换开发模式-公众号网页调试

uni-app开发微信公众号H5网页，用微信开发者工具调试公众号相关推荐

微信开发者工具,调试公众号网页,控制台不显示，解决方案
微信开发者工具,调试公众号网页,控制台不显示,解决方案第一步:关闭"微信开发者工具" 第二步:在C盘找到该路径 C:\Users\当前系统用户名\AppData\Local\ 在 ...
微信开发者工具调试公众号网页提示: 未绑定为公众号的网页开发者
前言工作中难免需要给客户处理各种问题,此时开发者需要使用微信开发者工具调试,调试前需要客户将开发者配置为公众号的网页开发者.为了避免重复沟通,特写篇文章记录配置过程 1. 情景再现开发者使用微信开 ...
微信公众号 - H5 网页接入微信支付（JSAPI）
前言假设您已经申请成为微信商户(认证)且各项配置弄好了,并且开通 JSAPI 支付等,只差代码(前端)编写. 如果你之前不了解,强烈建议先看一遍如下标注的文档: [官方文档]网页客户端(H5),需 ...
微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件，可预览和下载 office 文件（doc / xls / ppt / pdf 等）适用于任何前端技术栈网站，兼容安卓和苹果系统！
前言网上的教程都是让你写页面 "引导" 右上角三个点里,让用户自己去浏览器打开,其实这样用户体验并不好. 本文实现了最新微信公众号 H5 网页(微信内置浏览器中),预览下载 o ...
Java开源项目—通用CRM管理系统（微信小程序+微信公众号+H5网页+PC管理后台）
前言 CRM(客户关系管理)管理系统是一种用于管理客户关系的软件系统,通过收集.组织和分析客户关系数据,帮助企业更好地了解客户,提高客户满意度,提升客户服务水平,建立长期客户关系,提升企业的销售和服务 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
Android微信h5分享,H5网页实现微信分享功能
H5网页实现微信分享功能一,首先在公众号管理后台"公众号设置"的"功能设置"里填写JS接口安全域名,域名需要通过ICP备案,没有备案域名可以用SAE.BAE等 ...
使用Chrome开发者工具调试Android端内网页(微信，QQ，UC，App内嵌页等)
使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等) 传送门转载于:https://www.cnblogs.com/momozjm/p/9389912.html
支付宝生活号h5网页--蚂蚁认证
支付宝生活号h5网页--蚂蚁认证前言开发点 1.获取认证url 2.跳转到认证的url地址 3.认证结束 4.查询认证结果注意点总结前言前段时间生活号要求加功能,需要实现社会保障卡的挂失和 ...
Android微信浏览器标题,企业微信内H5网页分享微信好友ios正常安卓自定义标题、图标、未生效...
企业微信内H5网页分享微信好友ios正常安卓自定义标题.图标.未生效问题类型 API/组件名称终端类型微信版本基础库版本 Bug 'onMenuShareWeibo', 'onMenuShar ...

uni-app开发微信公众号H5网页，用微信开发者工具调试公众号

1、根据官网文档，新建入口文件template.h5.html

2、配置mainifest.json

3、hbuilder运行chrome

4、把运行地址复制到微信开发者工具地址栏就可以进行测试了，选择微信公众号网页调试，可以进行热更新

uni-app开发微信公众号H5网页，用微信开发者工具调试公众号相关推荐

最新文章

热门文章