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

相关推荐
社恐的下水道蟑螂4 分钟前
LangChain 进阶实战:从玩具 Demo 到生产级 AI 应用(JS/TS 全栈版)
前端·langchain·openai
Fairy要carry6 分钟前
项目01-手搓Agent之loop
前端·javascript·python
亲亲小宝宝鸭11 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen14 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i18 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode18 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码19 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat23 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
Jackson__1 小时前
AI时代,前端开发者到底还剩下什么?又该往哪里走?
前端·ai编程
C澒1 小时前
微前端容器标准化:容器标准化演进
前端·架构