h5页面

Vue 调用录音以及录音上传

h5调用调用手机麦克风实现科大讯飞语音转写服务1）安装2）代码3）Nginx配置解决跨域的问题4）兼容性问题做一个H5页面，在微信端打开，调取手机麦克风进行录音，因为一些原因不打算用微信的JSSDK提供的音频接口
huangcy_0518·2023-11-30 22:54

H5、App、外部网页、短信等场景跳转到微信小程序方案

，发展4年多，这方面的支持也逐渐完善了，各种场景平台也能比较容易的与微信小程序互相打通了场景与方案1、H5跳转微信小程序相信这个场景是绝大部分小伙伴们遇到的问题，这里提供3种方案：1）在微信浏览器内的H5
ZT_Story·2023-11-30 20:40

面试题，移动端APP测试常见bug记录

UI，部分UI会溢出-----应不随系统字体设置的大小而变化页面的布局（一般ios手机不会有这个问题）2、调用手机键盘时，需要区分安卓手机和iOS手机的键盘区别，尤其注意数字键盘3、（iOS手机）一些H5
福多多的福·2023-11-30 17:16

好看又实用的h5页面构图方法

构图基本是贯穿在任何的设计中的，从平台设计，到网站设计，再到现在制作h5页面这些设计工作里都需要考虑到构图的问题，因此在微传单平台上制作h5页面时，灵活的应用构图方法，能够更加快速的制作出优秀的h5页面
ae59177324f2·2023-11-30 17:40

开发H5页面无法审查元素

最近做手机页面遇到一个问题，把h5页面嵌入到安卓原生里后如果想调试这个页面，无法看到哪里报错了。同事推荐了一个好用的可以在手机浏览器上直接定位问题的插件：eruda.js，记录一下使用方法。
夏虫亦想语冰·2023-11-30 17:35

小程序 uniapp中webview内嵌H5页面 html2canvas截图 base64的图片保存到手机相册

最近在写视频监控的东西播放器使用的是Jessibuca官网地址：Home|Jessibuca(monibuca.com)http://jessibuca.monibuca.com/使用的是webview内嵌H5
ref_M·2023-11-30 11:16

ArkTS-WebView内嵌H5页面

鸿蒙开发使用WebView内嵌H5页面访问在线网页时需添加网络权限：ohos.permission.INTERNETmodule.json5文件配置{"module":{"requestPermissions
阿雷前进中...·2023-11-30 11:45

uniapp iOS键盘弹出,手机浏览器中h5页面整体上移问题

，使用uniapp+vue为整体框架问题：登陆页面底部logo使用flexd布局方式+window.onresize计算窗口大小，在android打开么没有提，但是在iOS10中键盘弹出,手机浏览器中h5
woderlili·2023-11-30 01:42

uniapp 在app端 使用webview进行数据交互。

os=wx'}},onLoad(){this.url+='&t='+newDate().getTime()},methods:{//接收h5页面发来的键值判断需要执行的操作PostMessage(evt
Rlm*·2023-11-29 17:56

WOW.js插件的简单使用

WOW.js插件在H5页面开发时很常用会在页面刚刚打开时产生动画特效，很酷炫噢！
Wanlly·2023-11-29 16:18

h5调用安卓原生相机、相册、电话、录像，且兼容安卓系统8.0

测试机：魅蓝note2系统5.1.1华为荣耀畅玩7x系统8.0.0一、h5页面相关方便与安卓原生代码相对应且拿到相对应的file值，避免之后不必要的不匹配麻烦。
c_TOY·2023-11-29 14:16

移动端webH5页面开发（rem布局）

之前写H5页面时，虽然也是采用rem布局，但是仍然采用的是媒体查询对根元素进行单独设置，这样不仅麻烦而且设置的时候还不太准确。现在经过改进，直接采用js动态计算，完全不用再去管媒体查询啦。
风起长林时·2023-11-29 04:44

探索H5的神秘世界：测试点解析

app内部H5测试点总结1、业务逻辑除基本功能测试外，需要关注的一些测试点：a.登录a.1H5页面嵌入到客户端使用，若客户端已经登录，进入H5页面应该是登录状态a.2H5页面嵌入到客户端内使用，若客户端未登录
静姐说测试·2023-11-28 15:40

h5页面回退到微信小程序并携带参数

背景：微信小程序通过web-view跳转到h5页面，操作后需要携带参数回到小程序。
大大。·2023-11-28 11:05

小程序跳转到H5再跳转回小程序

有两种方法：1、第一种方法就是直接点击手机的返回键返回，但是在H5页面比较多的情况下，这种方法就不怎么实用了。
Right atrium·2023-11-28 11:29

vue h5页面滑动回弹问题解决

方法一：fixed定位检查问题，发现页面没高度，解决办法：html,body统一设为100%，在父组件的根元素设置position:fixed可以使页面无橡皮筋效果.layout{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow:hidden;}不要将手机页面的高度设为100vh，手机浏览器上有地址栏，下有功能键，会占据高度
m0_37580441·2023-11-28 10:08

Android混合开发之WebView调用相机

文章目录前言一、H5页面的使用方式二、Android提供的支持1.WebView基本属性设置2.WebView实现调用相机的支持3.实现调用相机的代码总结前言最近有一个需求：H5通过标题input标签调用
BeanCurd·V·2023-11-28 06:49

牛逼,腾讯可视化,低代码生成器，正式开源！

腾讯tmagic-editor是一个所见即所得的页面可视化编辑器，实现零代码/低代码生成页面，可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大降低页面生产成本
公众号:肉眼品世界·2023-11-27 09:08

vuejs 开发h5页面，防止路由页面被http劫持跳转问题

实现代码：varcnzz_protocol=(("https:"==document.location.protocol)?"https://":"http://");document.write(unescape("%3Cspanid='cnzz_stat_icon_1273921537'%3E%3C/span%3E%3Cscriptsrc='"+cnzz_protocol+"s19.cnzz.
极客老K·2023-11-27 06:45

接口预请求：加速你的页面渲染

并且，当目标页面是H5页面或者是Flutter页面的时候，因为涉及到H5容器与Flutter容器的创建
锐湃·2023-11-26 19:11

app使用微信h5页面，获取url中的token并使用

一、需求背景app中部分页面要使用微信h5页面，其中一些servise请求需要自定义token二、解决办法1、oauth2.js（负责登陆页面）一开始想在ouath2.js里修改openid设置的，但是后来采用的其他的办法
兔子不打地鼠打代码·2023-11-26 13:11

html5 手机自动化,基于Appium的手机H5应用UI自动化实践

原标题：基于Appium的手机H5应用UI自动化实践简单说明首先介绍一下我这里提到的手机H5页面是什么东西，做APP测试的同学应该都知道手机APP里面也嵌入了一些H5页面，就是通过APP内嵌的webview
马马Mona·2023-11-25 20:48

h5页面返回上一页并刷新

本人是cdn引入的vue.js在mounted生命周期window.addEventListener('pageshow',function(e){if(e.persisted||(window.performance&&window.performance.navigation.type==2)){window.location.reload()}});
小吕达人·2023-11-25 02:07

audio 关闭h5页面自动暂停的解决

audio关闭h5页面自动暂停的解决beforeunload：判断是否离开当前页面pagehide：当用户通过“前进/后退”按钮，离开当前页面时触发。
web行路人·2023-11-24 21:41

idea中修改h5页面和jsp页面的时候不用老是重启项目

1.在pom中添加依赖org.springframework.bootspring-boot-devtoolstrue2.更改idea配置File-->setting-->Build.Execution,Deployment-->Compiler-->打勾Buildprojectautomatically快捷键ctrl+shift+alt+/--->registry-->打勾complier.au
MrZ_2a7d·2023-11-24 12:54

SpringBoot整合SpringSecurity实现JWT认证

前言微服务架构，前后端分离目前已成为互联网项目开发的业界标准，其核心思想就是前端（APP、小程序、H5页面等）通过调用后端的API接口，提交及返回JSON数据进行交互。
zhuhuix·2023-11-22 22:45

H5嵌入app，获取用户信息

前言最近要做一个H5项目，要把H5嵌入到app里面，这个APP是要先登录的，然后开一个口子，通过一个点击按钮跳转到我的H5页面。
顺其自然AAAAA·2023-11-22 17:33

Android如何设计一个H5容器

APP端使用WebView的场景主要是加载H5页面、富文本展示和编辑、图表库（echart）等。当业务对APP动态化有相应需求时，H5作为一个老牌跨平台技术，是最常用的动态化技术之一。
csfchh·2023-11-21 20:56

小程序跳转H5自定义页面标题

点击跳转的页面/***去h5页面*/goH5Service(e){letthat=this;letid=e.currentTarget.dataset.id;wx.navigateTo({url:'/subPackages
00008795·2023-11-21 11:24

微信小程序内嵌h5页面，实现动态设置顶部标题的功能

微信小程序页面内嵌h5页面，即标签。通过设置不同url连接地址，设置不同的标题。二、失败做法页面A嵌入h5页面，需要给A设置标题。
泉城清晨的晚风·2023-11-21 11:17

利用ngrok和kong在调试微信公众号指定域名下的H5页面

微信公众号一些功能，比如jssdk要在微信指定的域名下才能正常调用，没有dev模式，一点都不友好。想要快速的调试代码，需要一些trick。基本思路是利用ngrok把本地的server代理到服务器上，然后在服务器kong上设置映射，最后让服务器的域名指向自己的机器。启动ngrok先不折腾自己搭建服务器，直接用官网https://ngrok.com/。针对react工程，把本地的localhost:8
钢铁油腻男·2023-11-20 14:30

Android的原生APP如何调试嵌入的H5页面

前言现在原生app中混合web页面这种方式用的场景越来越多，app的原生代码很容易使用androidstudio进行debug调试，web页面在Chrome浏览器中F12打开开发者工具，也非常方便调试web页面。但是嵌入在app中的web页面如何调试代码呢？使用混合开发WebView调试必备神器DevTools。使用DevTools进行调试准备工作1.设置Webview调试模式可以在Activit
android_zyq·2023-11-20 05:57

iframe嵌入h5页面及传值

起因：工作中时常会遇到需要在自己的项目里嵌入其他的网页，特别是出现在多家公司合作时。如果不存在跨越问题，可以直接给window绑定一个变量存值，使用这个中间变量进行双方的传值。但如果存在跨越问题则上述方式就不适用，因为可以考虑通过postMessage方式传值。下面我们简单演示在页面中嵌入其他地址的页面并实现父子级页面的传值。制作子页面测试子页面点击发送vardom=document.getEle
印子_cfbb·2023-11-20 00:34

uniapp+vue+Springboot 公司网站0~1搭建 前端前期设计篇

type=project&id=653bc791940bbb14e4feeecfadmin客户端app+h5页面首页展示经典用户案例轮播图设计师轮播图经典用户案例经典案例搜索详情经典案例详情设计师查询（
康世行·2023-11-19 21:21

利用Safari浏览器调试iOS App中的H5页面

背景与H5页面交互时，H5不调用指定的交互方法，检查原生代码没问题，所以怀疑问题出在H5上。
Frankkkkk·2023-11-19 19:41

h5页面提示只能在微信浏览器中打开_H5页面在微信浏览器中遇到的问题

1.ios微信浏览器访问h5页面，url不改变使用vue-router的路由跳转方式，ios用微信浏览器自带的复制链接或者分享功能，始终是第一个进入页面的地址，Android会跟据路由跳转更新地址使用window.location.herf
weixin_39704971·2023-11-18 19:26

uniapp H5页面在浏览器适配手机，长条显示，两边空白

1、新建pc.js文件//#ifdefH5(function(){varu=navigator.userAgent,w=window.innerWidth;if(!u.match(/AppleWebKit.*Mobile.*/)||u.indexOf('iPad')>-1){window.innerWidth=750*(w/1920);window.onload=function(){window
程序员阿明·2023-11-18 19:26

uniapp中的H5页面微信浏览器中禁止下拉出现网页由xxx.xxxxx.com提供，QQ浏览器X5内核提供技术支持这个

在App.vue文件中的onLaunch函数新增如下onLaunch:function(){console.log('AppLaunch');document.body.addEventListener('touchmove',function(e){e.preventDefault();},{passive:false});},
程序员阿明·2023-11-18 19:11

Vue h5页面手指滑动图片

场景：四张图，要求随着手指滑动而滑动代码：imgs是父盒子poster-item是每个图片.imgs{white-space:nowrap;overflow:hidden;overflow-x:auto;margin-bottom:17px;.poster-item{display:inline-block;vertical-align:middle;width:34vw;margin-right
暴富的im·2023-11-17 06:06

H5页面这样测试，让Bug无处可逃！

H5页面也能在PC端访问，Chrome对H5支持最好，功能相关的测试
爱学习的潇潇·2023-11-17 00:41

h5页面+微信公众号实现网页授权

官方文档:网页授权|微信开放文档其实实现网页授权只需要走三步:我这里前端只需要将code码发给后端,剩下步骤由后端来返回用户信息,我这里使用的是非静默授权,只需要将appid和回调的地址写好然后引导用户跳转到此页面即可scope为snsapi_userinfo：https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3be
YSimba13.·2023-11-16 15:13

H5页面中使用html2canvas总结

H5页面中使用html2canvas总结html2canvas插件实现的功能是，将dom节点的内容复制到一个动态创建的中，而通过canvas对象就可以很方便地将画布的内容转成图片。
liberg·2023-11-15 22:56

『微信JS-SDK の 百科全书』

微信JS-SDK官方文档此文章主要记录H5页面使用微信JS-SDK遇到的问题✅scanQRCodeBug：在安卓端点击扫码，正常跳转；而在IOS却发现跳转不了，报错：thepermissionvalueisofflineverifying
升崽不会飞·2023-11-15 17:32

结婚请柬H5页面制作系统源码 带完整搭建教程

今天源码小编来给大家介绍一款结婚请柬H5页面制作的源码系统，带有完整的搭建教程。
源码集结地·2023-11-15 11:53

H5页面如何判断微信小程序环境

方案一：引入微信SDK文件：JSSDK，通过微信SDK方法判断。varua=navigator.userAgent.toLowerCase();//判断是否在微信浏览器内if(ua.match(/MicroMessenger/i)=="micromessenger"){wx.miniProgram.getEnv((res)=>{if(res.miniprogram){console.log('在小
PHPer自谈·2023-11-14 15:39

判断h5页面是否微信访问，是否微信小程序访问

是否微信访问：是否小程序访问：源码：exportconstisWeiXin=function(){varua=window.navigator.userAgent.toLowerCase();console.log('ua',ua);if(ua.match(/MicroMessenger/i)=='micromessenger'){returntrue;}else{returnfalse;}}ex
杨杨得亿~·2023-11-14 15:38

判断H5页面是在小程序的webview环境中，还是在微信环境中，还是不在微信

//引入jsvarua=navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger"){//ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）wx.miniProgram.getEnv((res)=>{if(res.miniprogram){conso
前端小嘟·2023-11-14 15:37

h5页面如何判断是否在微信小程序环境

//Anhighlightedblockvarua=navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger"){//ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）wx.miniProgram.getEnv((res)=>{if(res.mini
AYO!·2023-11-14 15:06

H5页面中判断微信小程序和微信浏览器环境

方法一：首先通过ua判断微信环境，然后使用getEnv判断是否为小程序（res.miniProgram为true）还是微信浏览器（res.miniProgram为false）wx.miniProgram.getEnv(res=>res.miniProgram&&‘小程序环境’)方法二：嵌套在webview中，可以使用self!==top来判断是否为小程序方法三：当然前两种还是有缺陷，可以使用在h5
不cong明的亚子·2023-11-14 15:36

你知道调试一个 Web 的 Android 应用有多麻烦吗

2.用HBuilder生成最终需要的h5页面程序
十月ooOO·2023-11-13 13:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他