如何在Chrome的kiosk模式下禁用右键单击/长触摸的上下文菜单

场景:在智慧屏设备中,网页中使用iframe嵌套界面,嵌套的子页面就没法屏蔽右键菜单或者触摸屏菜单。所以使用了谷歌扩展的方式禁用菜单显示。

1.没有iframe的情况下禁止右键菜单

js 复制代码
  // 我们可以这样写
  document.oncontextmenu = function (e) { return false };

2.在有iframe的情况下

我们可以使用扩展程序禁用掉浏览器的菜单,目录结构如下

contextblocker.js文件

js 复制代码
window.addEventListener("contextmenu", function(e) { e.preventDefault(); })

manifest.json文件

json 复制代码
{
    "manifest_version": 2,
    "name": "Context Menu Blocker",
    "version": "1.0",
    "content_scripts": [
      {
        "matches": ["<all_urls>"],
        "js": ["contextblocker.js"],
        "all_frames": true,
        "match_about_blank": true
      }
    ]
}

然后我们加载谷歌的扩展程序就ok了

参考文档: www.saoniuhuo.com/question/de...

相关推荐
郑州光合科技余经理21 分钟前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
arvin_xiaoting5 小时前
OpenClaw学习总结_I_核心架构_8:SessionPruning详解
前端·chrome·学习·系统架构·ai agent·openclaw·sessionpruning
工程师老罗6 小时前
Image(图像)的用法
java·前端·javascript
swipe8 小时前
把 JavaScript 原型讲透:从 `[[Prototype]]`、`prototype` 到 `constructor` 的完整心智模型
前端·javascript·面试
问道飞鱼8 小时前
【前端知识】React 组件生命周期:从底层原理到实践场景
前端·react.js·前端框架·生命周期
CHU7290358 小时前
定制专属美丽时刻:美容预约商城小程序的贴心设计
前端·小程序
浩~~9 小时前
反射型XSS注入
前端·xss
AwesomeDevin9 小时前
AI时代,我们的任务不应沉溺于与 AI 聊天,🤔 从“对话式编程”迈向“数字软件工厂”
前端·后端·架构
harrain9 小时前
antvG2折线图和区间range标记同时绘制
前端·javascript·vue.js·antv·g2
德育处主任Pro9 小时前
从重复搭建到高效生产,RollCode的H5开发新范式
前端