![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端h5
文章平均质量分 57
柑橘乌云_
希望我的博客,能帮你解决学习或工作中所遇到的问题
展开
-
uniapp h5 touch事件踩坑记录
经过很久的排查发现,是uniapp在h5项目运行时给一个表情加了position。众所周知如果给悬浮球设置定位,并且其祖先元素并未设置定位,那么悬浮球是相对body来定位的。但是uniapp给body内其中一个元素设置了定位,那么悬浮球的参照物就改变了。然后监听悬浮球的touch事件,从事件对象中拿到clientY和clientX赋值给悬浮球的left和top属性。注意鼠标相对悬浮球的位置,应该就是左上角,因为left和top属性是从左上角作为起点的。这里就不贴啦,有很多解决办法,难不倒各位程序猿!原创 2024-03-28 17:33:55 · 656 阅读 · 0 评论 -
CSS 移动端 1px(线条/边框) 不同机型上显示粗细不同,解决办法
如果移动显示屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px,所以在高清瓶下看着1px总是感觉变胖了。由于不同的手机有不同的。原创 2023-11-10 14:38:28 · 880 阅读 · 0 评论 -
uniapp开发h5 监听用户物理返回键 类似拼多多返回后弹窗
在当前vue页面(A页面)加载时往浏览器历史里备份一份当前的url地址(B页面),此时用户点击返回,就会从B页面跳到A页面,由于这两个页面地址一致,就会产生点击回退却没有效果的错觉。h5既然监听不到物理返回键,那么用户点击了物理返回键自然会路由返回上一页,那么我们监听路由,由于路由是uni自己封装的,我测试的项目是hash路由,所以我监听了onhashchange事件 ,然后由于。如果想禁用一个页面的返回操作,只需要在这个页面的历史记录中写入大量的历史。详情页:/pages/detail/detail。原创 2023-10-25 10:47:50 · 1758 阅读 · 0 评论 -
移动端web调试工具vConsole使用详解
是框架无关的,可以在 Vue、React 或其他任何框架中使用,类似于微信小程序体验版打开时候vConsole绿色按钮。简介:平时在web应用开发过程中,我们可以console.log去输出一些信息或者看接口返回的信息及接口性能等情况,但是在移动端,也就是在手机上,我们是看不到的。这种情况下,可以选择使用alert弹出一些信息,但是这种方法不怎么方便,也会阻断JS线程,导致后面的线程都不执行。也影响调试体验。第三方插件:一个轻量、可拓展、针对手机网页的者调试面板。诞生功能特性。原创 2023-10-21 17:25:26 · 3092 阅读 · 0 评论 -
uniapp开发h5引入第三方js(sdk)
起初以为是在原有的index.html基础上再新建一个html文件,最后发现不是,而是赋值文档里面的hmlt模板基础代码覆盖之前的index.html中的所有代码。在manifest.json里配置"template": "index.html" 就好啦。使用文档里的html代码覆盖,并通过script标签引入第三方js。原创 2023-10-20 14:07:25 · 2991 阅读 · 0 评论 -
h5的扫一扫功能 (非微信浏览器环境下)
【代码】h5的扫一扫功能 (非微信浏览器环境下)原创 2023-10-19 14:13:55 · 1398 阅读 · 0 评论 -
uniapp开发微信小程序,webview内嵌h5,h5打开pdf地址,解决方案
h5 和pc页面 都需要配置业务域名,但是读到这里,大家就有疑问了,不就是多嵌套了一层页面然后还是iframe嵌入的pdf吗,对的!)但是众所周知,微信小程序内嵌webview的域名是需要配置业务域名的,以及该域名内的iframe网址也是需要配置业务域名,那么就没办法配置这个oss地址为业务域名。根据公司要求,让我写一个h5,后续会嵌入到合作公司的微信小程序的webview中,如果是自己公司微信小程序,可以采取先下载下来pdf,然后通过wx.openDocument,进行单纯的预览操作,这个可以根据这个。原创 2023-10-19 14:10:54 · 3169 阅读 · 0 评论