企业微信内置浏览器中去除自带的放大缩小控件

最新推荐文章于 2024-06-04 20:45:00 发布

小时候可漂了~

最新推荐文章于 2024-06-04 20:45:00 发布

阅读量1.7k

点赞数 1

文章标签： js html

本文链接：https://blog.csdn.net/weixin_45290863/article/details/118088151

版权

企业微信浏览器中嵌套h5页面的时候会出现放大缩小控件感觉特别别扭。在这里记录一下解决这个问题的办法

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">

放到index.html头部就可以了去除企业微信内置浏览器放大缩小控件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小时候可漂了~

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

H5开发：H5如何设置head头部与做到咯浏览器适配

Generon的博客

07-25

1万+

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 name="format-detect

Android开源经典项目

Tamic （大白）

09-13

5722

Android开源项目大全，包括经典个人博客，组织和开源项目

1 条评论您还未登录，请先登录后发表或查看评论

解决微信内置浏览器返回上一页强制刷新问题方法

12-02

微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。 BINGO~ 通过HTML5的history API + 缓存可以做到这一点。执行原理： 1.0、通过history API的 history.pushState或 history.replaceState 保存AJAX状态； 2.0、同时将AJAX获取到的数据缓存起来（可以考虑使用H5的localStorage或sessionstorage）； 3.0、当返回到这个页面时，先获取窗口的

企业微信内置浏览器打开调试模式，企业微信进入debug模式。

qq_56892518的博客

12-15

5908

前几天有个vue项目在企业微信内置浏览器端运行的时候出了一些异常，但是在企业内置浏览器不像谷歌这类浏览器一样能够直接打开开发者模式去调试，这样的话非常不利于前端去调试排查，根据官方文档，企业微信进入debug模式框架是以下是简单的教程。

企业微信应用应用号内消息链接无法在企微内置浏览器打开 windows PC客户端问题解决

最新发布

weixin_44670774的博客

06-04

1434

需求是每周在企微的应用号上发送周报，周报中会带着进入系统的链接，点击进入可以查看详情。系统需要登录鉴权，因此需要在内置浏览器打开便于自动认证。但是，在企微应用号发送的链接，手机上可以正常使用企微内置浏览器打开，PC端却会在系统默认浏览器打开，而不是企微内置浏览器打开，导致oauth认证失败。注意：企微群聊机器人发送的链接可以正常打开，无此类问题，该问题仅出现在企微应用号上。

android 控件缩小动画效果,BottomNavigationView 控件去除放大缩小动画

weixin_39998273的博客

05-26

502

BottomNavigationView 控件去除放大缩小动画最近项目中有用到底部导航栏，最初的底部导航栏是使用的是‘com.android.support:design’包android.support.design.widget.BottomNavigationView 进行设置；按钮点击后的放大效果可以反射 BottomNavigationMenuView 下的mShiftingMode 属...

Vue项目中微信浏览器页面刷新问题

Lucky_Q的博客

04-08

5678

运行在微信浏览器中的Vue项目，当需要用户主动对页面进行刷新时，会遇到如下问题：微信不支持location.reload()方法，在微信浏览器中会失效 Vue中的路由跳转是类似于ajax局部刷新，因此使用location.href=‘xxx+时间戳’ 这种方法时，页面不会重载 Vue自带的this.$router.go(0)无效 history.go(0)无效通过后来的研究和学习，找到了一...

禁止微信内置浏览器的字体缩放问题

weixin_30691871的博客

02-02

575

由于微信自带字体放大功能，因此基于微信的页面都可以通过微信进行字体放大，但是有些情况下这并不是我们想要的，因为很多移动端页面的开发都是使用rem作为单位的，当使用微信进行字体放大是，会导致页面的整体布局乱掉的情况出现，这对用户体验来说是极其不友好的，我们希望能够禁止微信的字体放大功能，下面我通过查找资料找到的一些解决方法，至于移动端页面是如何开发的及rem单位的特点，这里不做赘述。 1...

H5页面（八）常见的问题二------填坑

斗师——Ace

06-09

1945

添加小程序，兑换各种视频教程/数据资源。 1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） <meta name="app...

-CSS-笔记-

April_Aimer的博客

02-07

2176

目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程从HTML被发明开...

2017 github 上android 源码（适合工作中开发）

热门推荐

snake_son的博客

12-30

1万+

转载： http://blog.csdn.NET/a774057695/article/details/49889437 https://github.com/XinRan5312/Android-open-project 目前包括：Android 开源项目第一篇——个性化控件(View)篇包括ListView、ActionBar、Menu、ViewPager、Gallery、GridV

用户设置了系统字体，导致页面布局错乱，微信公众号

weixin_42241340的博客

03-18

667

兼容android代码 /* 禁止用户自定义设置字体大小 */ (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { ...

h5在微信中不允许放大缩小页面

chizhuan6861的博客

03-01

1157

在头部添加 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> ok,搞定 ...

设置前端页面不随系统缩放而改变

heerey525

01-29

2981

场景：是c++内嵌web页面，在一些的显示器（比如2k屏的笔记本电脑）放大字体，给造成页面放大。我们希望的是页面不放大。解决：获取到当前设备缩放比，然后更改这个缩放比具体代码： <script> // 判断pc浏览器是否缩放，若返回1则为默认无缩放，如果大于1则是放大，否则缩小 const ratio = window.devicePixelRatio // 这个计算公式是我得出比较合理的结果 if (ratio != 1) { document.bod

企业微信微信api开发调起默认浏览以及支付方式

weixin_41143662的博客

12-14

6954

判断是否为pc端企业微信 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/windowswechat/i) == 'windowswechat'&&'wxwork'==ua.match(/wxwork/i)) { //发送请求向后台获取wx....

记录下公众号中禁止网页缩放的解决

mataodehtml的博客

06-30

1017

这段时间第一次接触微信公众号开发其实我是一个后端开发，因为公司前段后不分，所以慢慢的我变成了我们部分的‘前端开发工程师’，哎，不知道是好还是坏。废话不多说，这段时间我发现做的一个基于vue的微信公众号，使用了很多ui框架，有nutui，是一个京东开发的新的UI框架，也有mintui框架，这二个都是很不错的开发公众号等其他移动端的框架。我遇到的问题就是使用一个文本域组件，在苹果手机聚焦的时候会将拼命放大一点，但是发现方法之后没有自动的缩回，这就导致了在继续浏览其他页面的时候会出现滚动条。。。。用户体验极

企业微信链接适配安卓ios移动端问题汇总

study_azhuo的博客

10-14

1654

移动端页面初始大小一倍，最大放大数随意，禁止缩放，ios注意viewport-fit=cover，安卓端注意弹起键盘时，高度变化影响布局等，viewport中设置height固定高度，ios中不需要，机型已适配，ios使用window.innerHeight会多一个小横条的高度，会引起浏览器滚动。也可以使用监听器，禁止内容其他部分按钮触发滚动，内容部分绑定touchmove给一个true，监听器内判断为true不触发禁止默认事件。该问题布局可使用fixed上中下布局，内容部分使用。

移动端微信里打开H5页面，页面字体放大

kraussyin的专栏

07-27

1796

移动端微信里打开H5页面，页面字体放大

企业微信调试H5页面

SoulKey的博客

04-19

4371

项目在企业微信PC版样式有点兼容问题，如果不能在企业微信直接调试，那效率非常低，问题又不容易定位到，企业微信设置里又没有开发者模式开关，就在我无从下手的时候，发现一个快捷键能打开调试模式第一步： ctrl + alt + shift + D，会有弹框提示已开启第二步：在企业微信里打开H5页面，右键-检查元素，就可以调试了，简直不要太爽如果这篇文章对你有帮助，点个赞吧 ...

企业微信内置浏览器 页面顶部有空白

06-09

企业微信内置浏览器页面顶部出现空白的问题，通常是由于以下原因导致的： 1. H5页面的viewport没有设置正确，导致页面不能自适应手机屏幕大小。 2. H5页面中使用了fixed定位的元素，但没有考虑到企业微信的顶部导航栏高度。 3. 企业微信内置浏览器自身的问题导致页面无法正确显示。解决方法： 1. 在页面head中设置viewport的meta标签，确保页面可以自适应手机屏幕大小。 ``` <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> ``` 2. 在使用fixed定位的元素中，考虑企业微信顶部导航栏的高度，并设置合适的top值。 3. 通过调整CSS样式，使页面在企业微信内置浏览器中正确显示。 ``` body { margin: 0; padding: 0; background-color: #fff; } /* 顶部空白处理 */ header { height: 45px; background-color: #0088fb; color: #fff; font-size: 16px; line-height: 45px; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } main { margin-top: 45px; /* 考虑到顶部导航栏的高度，设置主体内容的margin-top值 */ padding: 10px; font-size: 14px; line-height: 1.5; text-align: justify; } ``` 希望这些解决方法能够对你有所帮助！