如何在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...

相关推荐
浩男孩3 分钟前
🍀终于向常量组件下手了,使用TypeScript 基于 TDesign二次封装常量组件 🚀🚀
前端·vue.js
玲小珑5 分钟前
LangChain.js 完全开发手册(十三)AI Agent 生态系统与工具集成
前端·langchain·ai编程
布列瑟农的星空15 分钟前
什么?sessionStorage可以跨页签?
前端
苏打水com16 分钟前
网易前端业务:内容生态与游戏场景下的「沉浸式体验」与「性能优化」实践
前端·游戏·性能优化
恋猫de小郭18 分钟前
React 和 React Native 不再直接归属 Meta,React 基金会成立
android·前端·ios
掘金安东尼23 分钟前
前端周刊434期(2025年9月29日–10月5日)
前端·javascript·面试
brzhang27 分钟前
当我第一次看到 snapDOM,我想:这玩意儿终于能解决网页「截图」这破事了?
前端·后端·架构
掘金安东尼33 分钟前
前端周刊433期(2025年9月22日–9月28日)
前端·javascript·github
万少44 分钟前
我的HarmonyOS百宝箱
前端
江城开朗的豌豆1 小时前
uni-app弹层遮罩难题?看我如何见招拆招!
前端·javascript·微信小程序