首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2017上一次移动Chrome升级-如何禁用双击缩放

2017年上一次移动Chrome升级是指Chrome浏览器在移动设备上进行的升级。禁用双击缩放是指禁止用户通过双击屏幕来进行页面的放大和缩小操作。

在移动Chrome浏览器中,禁用双击缩放可以通过以下步骤实现:

  1. 打开Chrome浏览器:在移动设备上找到并打开Chrome浏览器应用。
  2. 进入设置选项:点击浏览器右上角的菜单按钮(通常是三个竖直的点或线),然后选择“设置”选项。
  3. 找到页面缩放选项:在设置页面中,向下滚动并找到“高级”或“网页”选项。
  4. 禁用双击缩放:在高级或网页选项中,查找并禁用“双击缩放”选项。具体的选项名称可能因Chrome版本而异,但通常会有一个与缩放相关的选项。
  5. 保存设置:完成禁用双击缩放的操作后,记得点击页面底部的“保存”或“应用”按钮,以保存设置并使其生效。

禁用双击缩放的优势是可以避免用户意外地放大或缩小页面,提供更好的用户体验。这在一些需要用户进行精确操作的应用场景中尤为重要,例如游戏、地图导航等。

腾讯云提供了一系列与移动开发相关的产品和服务,例如移动应用开发平台(https://cloud.tencent.com/product/mapp),移动推送服务(https://cloud.tencent.com/product/tpns),移动测试服务(https://cloud.tencent.com/product/mts),可以帮助开发者更好地进行移动应用的开发、测试和推广。

请注意,以上答案仅供参考,具体操作步骤和腾讯云产品推荐可能会因时间和环境变化而有所不同。建议在实际使用时参考最新的官方文档和相关资源。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

移动端点击事件延迟的诞生消亡史

然而,由于这种双击缩放的操作,在用户第一次单击页面元素时,浏览器并不知道用户是想做双击缩放操作还是普通的单击操作。...这项技术的另一个关键在于,它仅消除了双击缩放的功能,用户依然可以使用双指缩放功能。因此,不存在与禁用缩放相关的可用性和可访问性问题。...根据规范,CSS 属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。...; } 甚至可以添加 touch-action: none 到 body 以完全禁用双击缩放(注意:这也将禁用双指缩放功能,因此它与我们前面讨论的与禁用缩放相关的可访问性和可用性问题相同)。...启用平移和双指缩放手势,但禁用其他非标准手势,例如双击缩放禁用双击缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。

2.7K20

移动端click事件300ms延迟

产生原因 移动浏览器支持的双击缩放操作,以及IOS Safari 双击滚动操作,是导致300ms的点击延迟主要原因。...由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。...解决方案 禁用缩放 对于不需要缩放的页面,通过设置meta标签禁用缩放,表明这个页面是不需要缩放的,双击缩放就没有意义了。此时浏览器可以禁用默认的双击缩放行为并且去掉300ms的点击延迟。...chrome 32+中,如果设置了上述meta标签,那浏览器就可以认为该网站已经对移动端做过了适配和优化,就无需双击缩放操作了。...这个方案相比方案一的好处在于,它没有完全禁用缩放,而只是禁用了浏览器默认的双击缩放行为,但用户仍然可以通过双指缩放操作来缩放页面。不足在于其他浏览器的支持有限。

2.7K21

jimojianghu

在以前,如果要禁止移动端设备的触摸屏,手指缩小放大的功能,都会想到使用viewport 来处理。...用于设置触摸屏用户如何操纵元素的区域,允许你在触控时控制滚动操作。 例如,浏览器内置的缩放功能。 这样做的好处还有,它可以允许你自己实现这些手势。...浏览器只允许进行滚动和持续缩放操作,任何其它被auto值支持的行为不被支持。 启用平移和缩小缩放手势,但禁用其他非标准手势,例如双击以进行缩放。...禁用双击缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。 触摸动作也经常用于完全解决由支持双击缩放手势引起的点击事件的延迟。 pinch-zoom 启用多手指平移和缩放页面。...可能的发生情景:移动端使用touch事件后,垂直平移时的报错。

3.7K00

300ms点击延迟

300ms点击延迟 移动端的300ms点击延迟是因为移动端可以进行双击缩放的操作,因此浏览器在click之后要等待300ms,看用户有没有下一次点击,也就是判断这次操作是单击还是双击。...解决方案 禁止缩放 通过完全禁止缩放来使双击缩放的功能失效,此时浏览器就可以禁用默认的双击缩放行为并且去掉300ms点击延迟,但是在这种情况下双指缩放的功能也会失效。...minimum-scale=1, maximum-scale=1"> 更改默认的视口宽度 浏览器在包含width=device-width也就是视口宽度=设备宽度或者设置为比viewport值更小的页面上禁用双击缩放行为...,没有双击缩放就没有300ms点击延迟,这种方案没有完全禁用缩放,而是禁用浏览器默认的双击缩放行为,用户仍然可以通过双指缩放操作来缩放页面。...,它允许移除特定元素或整个文档的触发延迟,而无需禁用缩放

1.2K20

移动开发实用

以下是历史原因,来源其他人的分享: 2007年苹果发布首款iphoneIOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放 (double tap to...zoom)的方案,比如你在手机上用浏览器打开一个PC的网页,你可能在看到页面内容虽然可以撑满整个屏幕,但是字体、图片都很小看不清,此时可以快速 双击屏幕的某一部分,你就能看清该部分放大后的内容,再次双击后能回到原始状态...双击缩放是指用手指在屏幕快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。...原因就出在浏览器需要如何判断快速点击,当用户在屏幕单击某一个元素时候,例如跳转链接, 此处浏览器会先捕获该次单击,但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作...,所以,捕获第一次单击后,浏览器会先Hold一段时间t,如果在t时间区间里用户未进行下一次点击,则浏览器会做单击跳转链接的处理,如果t时间里用户进 行了第二次单击操作,则浏览器会禁止跳转,转而进行对该部分区域页面的缩放操作

6.4K30

HTML网页KRPano项目一键打包EXE工具

如果不勾选此项,则窗口不允许缩放。 3.禁用缓存 默认情况下,软件会对载入的资源进行缓存,加速打开速度。勾选此项后,则不使用缓存。...勾选此项后,则会禁用该调试工具,提示打包后exe的安全性。...1)Chrome内核兼容较好,在不同系统上表现一致,并支持最新的H5,WebGL等浏览器特性,因此,如果网站采用了较新的技术,并且希望可以在不同系统展现出相同的样式,可以使用Chrome内核。...2.如何全屏 打开exe后,点击F11即可进入全屏。...或者使用安装包的形式 4.ICO图标如何制作 可以使用下面的网址制作 http://static.krpano.tech/image2ico 5.打开exe时,提示无效的32位应用 再XP打开exe时会出现

3.8K20

Axure RP 9 中文

id=NzY4OTU4Jl8mMjcuMTg3LjIyNi4xOTM%3D 图片 Axure RP 9中文版下载功能介绍 环境与画布 自定义窗格页面尺寸负区域距离指南切换标尺可见性捏合缩放缩放以适合快捷方式中心选择快捷方式动态面板和中继器的内联编辑...文字格式 字符间距删除线超级/下标案例转换生成“lorem ipsum”带有悬挂缩进的项目符号列表完全对齐 原型播放器 axure rp 9 mac具有触摸光标和移动滚动条的移动模式缩放选项(替换视口设置...)下一页和一页的快捷方式自动包含Axure的Google字体的Web字体 选色器 色轮保存的颜色径向渐变建议的颜色 形状 形状绘制工具绘图工具的单键快捷方式从草图粘贴(带插件)双击边框以编辑矢量点形状的背景图像钢笔工具改进形状在原型中生成为....rplib以加载或编辑库 笔记 一次查看页面上的所有注释为窗口小部件分配多个注释可以取消分配和重新分配注释在注释中包括窗口小部件文本在注释中包括窗口小部件交互注释可以按层次结构组织(1,1.1,1.1.1...)注意数字显示在原型中注意数字是连续的动态面板主要注释是生成原型的 表单小部件 自定义样式样式效果(鼠标悬停,禁用等) 互动 内联交互构建器在交互构建器中搜索启用/禁用时的条件显示/隐藏操作的缓动选项为移动操作沿弧设置动画的选项

1.5K60

Meta标签实现阻止移动设备(手机、Pad)的浏览器双击放大网页

一、背景   在当今这个移动设备发展越来越快,并且技术越来越成熟的时代,移动设备成了企业扩展业务不可或缺的重要领域之一,随之而来的是适应手机的网站层出不穷,在开发过程中,我们往往会遇到一个很尴尬的问题:...移动端网页在用户双击屏幕时会变大,导致整个页面的布局错误,非常 影响最终效果,下面介绍一种通过html的meta标签来阻止该现象发生的办法。...假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备。   ...initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。   user-scalable=no在移动设备浏览器可以禁用缩放(zooming)功能。   ...这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。 三、总结   这样设置完成以后,我们就完成了阻止移动设备双击导致网页放大以致网页布局错乱的问题,有木有很开心?

88110

移动端web开发笔记

以下是历史原因: 2007年苹果发布首款iphoneIOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,...比如你在手机上用浏览器打开一个PC的网页,你可能在看到页面内容虽然可以撑满整个屏幕,但是字体、图片都很小看不清,此时可以快速双击屏幕的某一部分,你就能看清该部分放大后的内容,再次双击后能回到原始状态...双击缩放是指用手指在屏幕快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。...原因就出在浏览器需要如何判断快速点击,当用户在屏幕单击某一个元素时候,例如跳转链接,此处浏览器会先捕获该次单击,但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作,所以,捕获第一次单击后...15、 移动如何清除输入框内阴影 在iOS,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭: input, textarea {   border: 0

3.5K20

【面试说】一年半前端 Bigo 一二三 面

怎么优化 有,可以统一一次设置,多次尽量最后一次设置 Vue 2.x 的实现原理?...,click事件是生效的,但是,点击之后会有300ms的延迟响应 原因:safari是最早做出这个机制的,因为在移动端里,浏览器需要等待一段时间来判断此次用户操作是单击还是双击,所以就有click 300ms...的延迟机制 方案一:禁用缩放 当 HTML文档头部包含如下 meta 标签时:表明这个页面是不可缩放的,那双击缩放的功能就没有意义了,此时浏览器可以禁用默认的双击缩放行为并且去掉 300ms 的点击延迟...,就无需双击缩放操作了 这个方案相比方案一的好处在于,它没有完全禁用缩放,而只是禁用了浏览器默认的双击缩放行为,但用户仍然可以通过双指缩放操作来缩放页面。...不设置任何缓存策略 常会取响应头中的 Date 减去 Last-Modified 值的 10% 作为缓存时间 参考: 浏览器缓存策略[6] V8 中的垃圾回收机制 参考:【Web技术】737- 深入理解 Chrome

69721

如何解决移动端Click事件300ms延迟的问题?

这当中最出名的,当属双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因。...双击缩放,顾名思义,即用手指在屏幕快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 那么这和 300 毫秒延迟有什么联系呢? ?...由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。...鉴于iPhone的成功,其他移动浏览器都复制了 iPhone Safari 浏览器的多数约定,包括双击缩放,几乎现在所有的移动端浏览器都有这个功能。...那时人们刚刚接触移动端的页面,不会在意这个300ms的延时问题,可是如今移动端如雨后春笋,用户对体验的要求也更高,这300ms带来的卡顿慢慢变得让人难以接受。 ? 那么如何解决300ms延迟问题呢?

1.4K30

记录工作中遇到的各种问题(Bug,总结,记录)

一次成功打印出来,即触发了load事件,但点击下一页后,iframe实际已经刷新了,但并不会再触发这个load事件 后来的解决办法是换了种监听方法,区别主要是获取iframe对象的方式变了,还不知为啥会这样...event.touches.length > 1) { event.preventDefault(); } }, false); 另外要注意的是,上面只是禁用了双指的缩放...,还有一种缩放叫做双击缩放,而iPad下是没有双击事件的,所以只能模拟 引用st的一段双击事件支持 (function($){ // Determine if we on iPhone...新版Chrome(61以上)的Network面板Preview中不支持转换返回数据为对象树结构  旧版本中支持,升级之后直接就变为纯文本了 ? 当然,还有bug是暗色主题的文本颜色竟然也是黑的.....中,某些情况下,页面滚动到底部(有滚动条),点击select,input, textarea等相关项时,会自动滚动到页面顶部 在chrome60中还是正常的,一升级就出现问题了 目前还不知道为何,可能是

17.8K12

Human Interface Guidelines —— Scroll Views

随着人们轻扫,轻弹,拖动,点按和捏动,scroll view会跟随手势,以自然的方式展示或缩放内容。...Scroll view也可以配置为以分页模式运行,这时scroll显示一个全新的内容页面,而不是在当前页面上移动(如红板报)。 ? 红板报 使用时注意 ·适当地支持缩放行为。...如果对app有用,请支持捏或双击来放大和缩小。启用缩放时,请设置合理的最大和最小比例值。例如,放大文本直到单个字符填满屏幕可能在大多数app中没有意义。...如果显示scroll view时显示页面控件,请禁用同一轴的scrolling indicator以避免混淆。...·一般来说,一次显示一个scroll view 滚动时人们经常做出大滑动手势,并且很难避免与同一屏幕的邻近scroll view进行交互。

1.1K80

学会一行CSS即可提升页面滚动性能

一般情况下 CSS 并不会影响 JS 事件,但有一个 CSS 属性则比较特殊,那就是 pointer-events,它可以用来规避鼠标事件,其中大部分属性值只适用于 SVG(可缩放矢量图形)操作,而我们只需要关注其...顾名思义,该属性是用于设置触摸屏如何操纵元素区域动作,同样的,touch-action 可以禁用浏览器在移动端处理手势的事件,进而提高页面滚动性能,同时它还能解决移动端 点击延迟问题(很多人可能只知道viewport...不过需要注意的是,虽然该属性也有 none 值,但在这里并不适用,因为"滚动"也属于手势的一种,应该使用 manipulation 这个值,意为只允许进行滚动和持续缩放操作,也就相当于禁用了其他页面手势...全局生效要写在 html :html { touch-action: manipulation;}类似的,如果移动端有自定义拖动的需求,也可以用这个 CSS 来优化性能,当我们需要完全阻止原生touch...所以从 chrome56 开始,如果你在全局 touch 事件中不声明这是"非被动"操作,那么chrome浏览器会默认不执行并报错。

3.1K30

如何在谷歌chrome、Firefox等浏览器打开、编辑、保存微软Office、金山WPS文档?

需要网络随时保持在线、不能保存桌面生成的文档、表格过大打开的时候卡死、多文档同时编辑板式不一致等,最关键的是在线Office服务很难整合到自己公司的OA、GRM、ERP中去,最好的办法还是需要在桌面Office基础,...3.外接程序方案 各浏览器禁用 NPAPI插件后,各个厂商纷纷使用浏览器外部协议来 启动独立的EXE外接程序,看起来问题得到了很好的解决,但是每次运行中用户端都会弹出对话框,让用户不胜其烦。...20210430205404716.png 20210430205404713.png 4.双核方案 通过 Chrome等浏览器的扩展程序IETab来实现,此方案同样会有 ActiveX控件弹窗...猿大师中间件的微软Office网页小程序如何解决的呢?...前端还必须可对这个窗口进行实时控制,而且窗口必须跟随浏览器的移动缩放、网页滚动、标签页切换、关闭等操作进行自动联动。

1.9K40

如何chrome中直接打开、编辑、保存WordExcelPPT等Office文档?

需要网络随时保持在线、不能保存桌面生成的文档、表格过大打开的时候卡死、多文档同时编辑板式不一致等,最关键的是在线Office服务很难整合到自己公司的OA、GRM、ERP中去,最好的办法还是需要在桌面Office基础,...3.外接程序方案 各浏览器禁用 NPAPI插件后,各个厂商纷纷使用浏览器外部协议来 启动独立的EXE外接程序,看起来问题得到了很好的解决,但是每次运行中用户端都会弹出对话框,让用户不胜其烦。...4.双核方案 通过 Chrome等浏览器的扩展程序IETab来实现,此方案同样会有 ActiveX控件弹窗, 用户体验很差。...猿大师中间件的微软Office网页小程序如何解决的呢?...前端还必须可对这个窗口进行实时控制,而且窗口必须跟随浏览器的移动缩放、网页滚动、标签页切换、关闭等操作进行自动联动。

3.6K40

Axure RP 9 for Mac(原型设计软件)

文字格式 字符间距删除线超级/下标案例转换生成“lorem ipsum”带有悬挂缩进的项目符号列表完全对齐 原型播放器 axure rp 9 mac具有触摸光标和移动滚动条的移动模式缩放选项(替换视口设置...)下一页和一页的快捷方式自动包含Axure的Google字体的Web字体 选色器 色轮保存的颜色径向渐变建议的颜色 形状 形状绘制工具绘图工具的单键快捷方式从草图粘贴(带插件)双击边框以编辑矢量点形状的背景图像钢笔工具改进形状在原型中生成为....rplib以加载或编辑库 笔记 一次查看页面上的所有注释为窗口小部件分配多个注释可以取消分配和重新分配注释在注释中包括窗口小部件文本在注释中包括窗口小部件交互注释可以按层次结构组织(1,1.1,1.1.1...)注意数字显示在原型中注意数字是连续的动态面板主要注释是生成原型的 表单小部件 自定义样式样式效果(鼠标悬停,禁用等) 互动 内联交互构建器在交互构建器中搜索启用/禁用时的条件显示/隐藏操作的缓动选项为移动操作沿弧设置动画的选项...在移动设备,使用适用于iOS和Android的浏览器或Axure Share App。 DIAGRAMMING +文档 创建流程图,线框,模型,用户旅程,角色,创意板等。

1.5K20

【总结】1823- 移动端滚动穿透与滚动溢出解决方案

滚动穿透 问题描述 在移动端 WEB 开发的时候(小程序也雷同),如上录屏所示,如果页面超过一屏高度出现滚动条时,在 fixed 定位的弹窗遮罩层上进行滑动,它下面的内容也会跟着一起滚动,看起来好像事件穿透到下面的...DOM元素一样,我们姑且称之为滚动穿透。...问题原因 能够猜想是文档(document)的滚动事件被触发了,如果能禁用滚动事件就好办了。...值 描述 auto 启用浏览器处理所有平移和缩放手势。 none 禁用浏览器处理所有平移和缩放手势。 manipulation 启用平移和缩放手势,但禁用其他非标准手势,例如双击缩放。...pinch-zoom 启用页面的多指平移和缩放。 于是在 popup 元素设置该属性,禁用元素(及其不可滚动的后代)的所有手势就可以解决该问题了。

39711
领券