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

Chrome 120 有哪些值得关注的更新?

这些机制一般被称为关闭请求,它们通常在桌面平台上通过 ESC 键,或者在 Android 平台则通过后退手势或按钮来实现。...当前 Web 开发者对于自己的组件没有很好的方式来处理这种关闭请求,尤其是在 Android 设备上,这种问题相当明显,因为为后退手势提供简单的关闭行为相当复杂。...它还升级了 和 popover="",让他们能使用新的 Close Watcher API ,从而能响应 Android 的返回按钮。...它支持将多个 元素通过相同的 name 属性值串联在一起形成一个组,使得在一个组内最多只能有一个元素处于打开的状态。...:2024 Q1 开启 1% 禁用,已经剩下不到一个月的的时间了, 这项禁用是一项可能会影响你网站正常行为的更新,Chrome 因此也在 120 版本再次向开发者发出了提醒,如果你还没有开始确认影响,请尽量看下我这篇文章吧

47010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter中如何使用WillPopScope

    老孟导读:在Flutter中如何实现点击2次Back按钮退出App,如何实现App中多个Route(路由),如何实现Back按钮只退出指定页面,此篇文章将告诉你。...点击将会回到前一个页面,在Android手机上点击实体(虚拟)返回按钮,也将会回到前一个页面,此功能对于iOS程序员来说可能特别容易忽略。...App中有多个Navigator,想要的是让其中一个 Navigator 退出,而不是直接让在 Widget tree 底层的 Navigator 退出。...询问用户是否退出 在Android App中最开始的页面点击后退按钮,默认会关闭当前activity并回到桌面,我们希望此时弹出对话框或者给出提示“再次点击退出”,避免用户的误操作。...在Android App中最开始的页面点击后退按钮,默认会关闭当前activity并回到桌面,我们希望此时弹出对话框或者给出提示“再次点击退出”,避免用户的误操作。

    1.5K20

    JSP 防止网页刷新重复提交数据

    或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?” 遗憾的是,我们无法禁用浏览器的后退按钮。...本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。     一、概述      曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”...,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”在ASP论坛上,这个问题也是问得最多的问题之一。遗憾的是,答案非常简单:我们无法禁用浏览器的后退按钮。        ...起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来,看到竟然有那么多的人想要禁用这个后退按钮,我也就释然(想要禁用的只有后退按钮,不包括浏览器的前进按钮)。...经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。

    11.6K20

    安卓 topic-菜单 Menu

    从 Android 3.0(API 级别 11)开始,采用 Android 技术的设备不必再提供一个专用“菜单”按钮。...选项菜单中的项目在屏幕上的显示位置取决于您开发的应用所适用的 Android 版本: 如果您开发的应用适用于 Android 2.3.x(API 级别 10)或更低版本,则当用户按“菜单”按钮时,选项菜单的内容会出现在屏幕底部...在 Android 2.3.x 及更低版本中,每当用户打开选项菜单时(按“菜单”按钮),系统均会调用 onPrepareOptionsMenu()。...启用此模式后,用户可以选择多个项目(若您允许)、取消选择项目以及继续在 Activity 内导航(在您允许的最大范围内)。...Gmail 应用中的弹出菜单,锚定到右上角的溢出按钮。 注:这与上下文菜单不同,后者通常用于影响所选内容的操作。 **对于影响所选内容的操作,请使用上下文操作模式或浮动上下文菜单。

    2.7K20

    Material Design — 提示框( Dialogs)

    关闭提示框 提示框可以通过点击提示框外部或点击系统后退按钮(在Android上)来关闭。 有时候,用户必须做出选择动作后才能关闭提示框。...例如,用户可以聆听多个铃声,但只能在触摸“ok”时进行最终选择。 点击确认对话框中的“取消”,或按Android的“后退”,取消操作,放弃所有更改并关闭对话框。 ?...全屏对话框可实现复杂的布局,将多个材料堆积的情况简化(提示框上层的提示框),并暂时将app可感知的海拔重置为更高。 全屏对话框允许任务在复杂操作时开启简单菜单或简单提示框。...全屏提示框支持日期选择器 操作 在屏幕顶部放置全屏对话框的确认和离开操作。 确认 屏幕右上角的确认按钮使用描述性动词,例如:保存,发送,分享,更新或创建。...确认按钮将被禁用,直到满足对话框中的所有必填字段都完成时,确认操作才会被激活 丢弃(离开) 丢弃操作(屏幕左上角的“X”)和后退按钮均会关闭全屏对话框并放弃之前所做的更改。

    5.2K101

    开启全面屏体验 | 手势导航 (一)

    我们在 Android 10 中添加了新的系统导航模式,用户可以通过手势交互执行后退、返回至主屏以及打开设备助手等操作。 ?...现有的三键导航模式 (包含后退、返回首页以及切换最近使用的应用) 会被保留。搭载 Android 10 及以上版本系统的所有设备都要求保留这一导航模式。...Android 10 在 Android 10 上,我们只需要将系统栏颜色设为完全透明即可: 在 Android 10 上选择按键导航模式时,系统会在按钮后方提供半透明遮盖 这两种操作都是为了确保用户始终可以看到系统栏的内容。系统选择采用哪种做法取决于多个因素。...在 Android 10 上禁用系统栏视觉保护 如果您不想让系统执行任何自动内容视觉保护,则可以通过在主题中将 android:enforceNavigationBarContrast 和/或 android

    2.5K30

    Strandhogg漏洞:Android系统上的维京海盗

    普通用户只能通过一些不鲜明的异常发现问题,比如已登录的应用要求登录、单击用户界面按钮链接时不起作用,或者后退按钮无法正常工作。 3、扩大UI欺骗风险:UI欺骗,很多人听说过。...1、恶意程序利用GooglePlay分发 通常情况下,正常程序多数都会入驻Google Play,而利用StrandHogg漏洞的恶意程序,则通过多个恶意下载器安装,但会选择在Google Play上进行分发扩散...从代码部分可以看到,当恶意应用在一个或多个活动上设置taskAffinity,以匹配任何第三方应用的packageName时,漏洞利用就会发挥作用。...2、伪装多个正常程序 同时开N个应用,是现代人的日常,而在StrandHogg漏洞利用威胁下,Android的多任务处理系统也给恶意程序打开方便之门。...在Android操作系统这片开源的大海上,其实不仅有StrandHogg漏洞这样的维京海盗式战术,还有各种各样已知未知的漏洞威胁,虽然经过十多年的发展,在各路技术人员的努力下,让Android操作系统漏洞威胁趋于稳定

    1.2K10

    开启全面屏体验 | 手势导航 (一)

    我们在 Android 10 中添加了新的系统导航模式,用户可以通过手势交互执行后退、返回至主屏以及打开设备助手等操作。...现有的三键导航模式 (包含后退、返回首页以及切换最近使用的应用) 会被保留。搭载 Android 10 及以上版本系统的所有设备都要求保留这一导航模式。...Android 10 在 Android 10 上,我们只需要将系统栏颜色设为完全透明即可: 在 Android 10 上选择按键导航模式时,系统会在按钮后方提供半透明遮盖 这两种操作都是为了确保用户始终可以看到系统栏的内容。系统选择采用哪种做法取决于多个因素。...在 Android 10 上禁用系统栏视觉保护 如果您不想让系统执行任何自动内容视觉保护,则可以通过在主题中将 android:enforceNavigationBarContrast 和/或 android

    23110

    Material Design — 菜单(Menus)

    菜单 菜单的形式是在短暂的动作条上展示选项列表。 菜单出现在与按钮,操作或其他控件的交互中。菜单显示的是一个一行只有一个选项的选项列表。 如果不适用于某个情景,菜单项可能被禁用。...例如,当使网页上的文本高亮时,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ? 情景菜单 菜单是可滚动的 如果菜单高度阻止其显示所有菜单项目,菜单可以在内部滚动。...菜单项例子 不可用的操作 将操作显示为不可用(如置灰)而不是将其删除,让用户知道它们可以在正确的条件下存在。 例如,重做在没有任何可重做的操作时被禁用。 剪切和复制在没有选择内容时不可用。 ?...例外情况是,菜单允许选择多个项目,例如使用复选标记。 ---- 简单菜单(Simple Menus) 移动端或pc 使用列表中的简单菜单显示特定列表项的选项。...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试将当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?

    5.8K100

    Android开发笔记(一百五十九)Android7.0的分屏模式

    现在的手机屏幕越来越大,使得在屏幕上同时开多个窗口不再奢侈,因此Android从7.0开始顺势推出了分屏功能,也被称作多窗口模式。...这个任务界面仿佛跟低版本的手机没什么不同,再瞅瞅屏幕上方有没有什么异样,是不是在左上角看到了一个“分屏模式”的按钮? ?...分屏后的两个App,用户可以像往常一样点击、刷新和后退。要是玩腻了分屏,也可按下任务键,此时屏幕顶端中央浮现出了一个“退出分屏”的按钮,点击该按钮即可恢复原来的全屏模式。 ?...但有的开发者认为自己的App只有在全屏状态下才能正常使用,要是被分屏的话用起来会很难受,这时候就得对该App禁用分屏模式。...具体操作是在AndroidManifest.xml的application节点添加属性android:resizeableActivity="false",表示应用页面不接受分屏;如此一来,即使用户开启了分屏模式

    1.6K20

    为安卓Chrome加入自定义手势控制

    文章更新:   20170307 初次成文   说起来好久没有更新过关于Chrome的文章了~   对比Android平台上流行的几个浏览器,手势功能对于浏览器来说已经是其标准配置了,虽然Chrome...也有其独特的手势特性(比如左/右划地址栏切换标签,下划菜单键弹出并选择菜单项等),但是深得"我国用户"喜爱的左/右划控制页面后退/前进的手势功能在却迟迟没有在Chrome上得到体现。...移除完成后,点击右下角的"+"按钮进入手势添加界面,比如我们要添加一个从屏幕左边缘右划返回上一页面的手势,可以如下设置:   手势选择:右划   触点个数:1   起始区域:左侧边缘   操作:无   ...启用"离开屏幕后识别"这一项可以防止GMD手势将我们对屏幕的正常操作"误判"为手势触发条件,如果禁用这一项,GMD手势会检测到用户在屏幕上操作的趋势,当趋势满足某手势触发条件时,GMD手势便相应预先设定好的响应动作...同样,GMD手势预置16种"浏览"动作,包括:"后退/前进/刷新/新建标签/新建隐身标签/关闭标签/上一标签/下一标签/打开书签/添加为书签/页面内查找/打开历史记录/滚动至页面顶部/滚动至页面底部/滚动到上一页

    3.8K30

    【技巧】ionic3的页面导航后退事件拦截

    写一篇简单的,有这样一种业务场景:当使用push后,页面导航栏会自动添加后退按钮,当点击后退按钮后,拦截事件(如付费进来了,没有完成后续操作就后退退出,良好的用户体验是必须给出提示,防止误操作)。...基于此,起码有两种方式: 1、重写导航栏的后退按钮点击方法,具体操作为: 头顶添加引用: import { IonicPage, NavController, NavParams, Navbar } from...'ionic-angular'; 类里添加注解变量: @ViewChild(Navbar) navbar: Navbar; 最后在页面生命周期方法ionViewDidLoad添加逻辑操作(写在此方法中是保障页面已经加载完成...此方法的弊端是:只能拦截点击事件,如果是一些非法后退操作呢?如ios端的左滑后退,android的物理键后退,或者某个操作手动调用navCtrl.pop()的方法,这样就会失效。...2、利用ionViewCanLeave 给定一个标志变量: canLeave:boolean = false; 然后在逻辑操作中控制这个标志即可,最后在方法里面判断: ionViewCanLeave()

    99750

    『React Navigation 3x系列教程』之createStackNavigator开发指南

    屏幕转场风格 默认情况下,createStackNavigator提供了转场过渡效果,在Android和iOS上过渡效果是不同的,这也是React Native重平台性的一个体现,在Android上从屏幕底部淡入...headerBackTitleVisible : 提供合理的默认值以确定后退按钮标题是否可见,但如果要覆盖它,则可以使用true或` false 在此选项中。...上当前页面进入到下一页面的回退标题,可以通过设置null来禁用它; headerTruncatedBackTitle: 当回退标题不能显示的时候显示此属性的标题,比如回退标题太长了; headerBackImage...:React 元素或组件在标题的后退按钮中显示自定义图片。...} }, }, { defaultNavigationOptions: { // header: null,// 可以通过将header设为null 来禁用

    5K10

    Android 启动优化详解

    中设置 //1.1 禁用预览窗口 android:windowBackground">@null</item...nr_involuntary_switches: 被动上下文切换次数,线程被系统强制调度导致上下文切换,例如大量线程在抢占CPU。...同时也要考虑兼容性问题,暂时不建议在 ART 平台使用 4. 黑科技 保活: 保活可以减少Application创建跟初始化的时间,让冷启动变成温启动。...不过在Target 26之后,保活的确变得越来越难;(大厂一般是厂商合作,例如微信的 Hardcoder 方案和 OPPO 推出的Hyper Boost方案,当应用体量足够大,就可以倒逼厂商去专门为它们做优化...MultiDex 优化 apk编译流程/Android Studio 按下编译按钮后发生了什么? 1. 打包资源文件,生成R.java文件(使用工具AAPT) 2.

    5.4K85

    启动优化

    中设置 //1.1 禁用预览窗口 android:windowBackground">@null</item...nr_involuntary_switches: 被动上下文切换次数,线程被系统强制调度导致上下文切换,例如大量线程在抢占CPU。...同时也要考虑兼容性问题,暂时不建议在 ART 平台使用 4. 黑科技 保活: 保活可以减少Application创建跟初始化的时间,让冷启动变成温启动。...不过在Target 26之后,保活的确变得越来越难;(大厂一般是厂商合作,例如微信的 Hardcoder 方案和 OPPO 推出的Hyper Boost方案,当应用体量足够大,就可以倒逼厂商去专门为它们做优化...MultiDex 优化 apk编译流程/Android Studio 按下编译按钮后发生了什么? 1. 打包资源文件,生成R.java文件(使用工具AAPT) 2.

    3.5K54

    phonegap入门实战

    之后还可以通过PhoneGap打包APP,这样编写一次基础代码就可以将APP部署到多个移动平台上。 ?...onDeviceReady() { document.addEventListener("backbutton", onBackKeyDown, false); } // 处理后退按钮操作...对于我们操作手机也是一样,点击后退按钮、按下Home键、电池电量低等等。   事件有系统事件和用户事件。系统事件由系统激发,如时间每隔24小时,银行储户的存款日期增加一天。...用户事件由用户激发,如用户点击按钮,在文本框中显示特定的文本。事件驱动控件执行某项功能。   触发事件的对象称为事件发送者;接收事件的对象称为事件接收者。   ...document.addEventListener("backbutton", onBackKeyDown, false); } // 处理后退按钮操作

    1.6K20

    移动端H5页面开发坑点指南

    input默认样式的方法: input,textarea { border: 0; -webkit-appearance: none; //可同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式...及Android上无法使用,在PC端正常 2.audio元素没有设置controls时,在IOS及Android会占据空间大小,而在PC端Chrome是不会占据任何空间 问题4:Safari浏览器自动播放...audio.play(); }, false); ios系统不支持动画暂停样式(animation-play-state) H5页面一般都会有BGM,也会提供一个旋转的音乐图标供用户开启关闭音乐;我们希望当用户点击音乐按钮时图标停止旋转...0,0,0,0); -webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有个副作用,就是输入法不再能够输入多个字符...} 或 a,button,input,textarea{ -webkit-tap-highlight-color: rgba(0,0,0,0); } 浏览器后退不刷新 这种情况是以前遇到的

    3.1K10

    游戏优化系列一:海外谷歌应用适配相关

    返回按钮 1....="true" android:smallScreens="true" /> 6.返回按钮 返回按钮需具有返回功能,应具有返回上一级内容、取消当前处理中的事务、退出游戏等作用。...返回键功能的官方解释: 1.具有与屏幕上任何后退或关闭按钮相同的功能 2.暂停和取消暂停游戏(如果适用) 3.关闭所有对话框窗口 4.导航到菜单堆栈中的上一个位置(如果适用) 5.第一次登录时,在主菜单中按下退出应用程序...,在服务器选择和字符选择页面中,Android后退按钮出现错误行为。...具体情境: (1)在游戏启动、资源加载过程,点击系统返回按钮要求能够后退,或者弹框提示用户是否退出游戏;(部分应用在这过程屏蔽了系统按钮,出现被谷歌应用商店拒绝的情况) (2)活动弹窗显示时,点击返回系统按钮要求能够关闭弹窗

    10.7K40
    领券