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

相关推荐
吃饺子不吃馅1 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
Baklib梅梅1 小时前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
over6972 小时前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
渣渣盟2 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化
Pu_Nine_92 小时前
Vue 3 + TypeScript 项目性能优化全链路实战:从 2.1MB 到 130KB 的蜕变
前端·vue.js·性能优化·typescript·1024程序员节
云枫晖3 小时前
Webpack系列-Loader
前端·webpack
aggression3 小时前
代码敲击乐:让你了解前端的动静结合和移动端的适配性
前端
yinuo3 小时前
深入理解与实战 Git Submodule
前端
骑自行车的码农3 小时前
React 事件收集函数
前端·react.js
一个处女座的程序猿O(∩_∩)O3 小时前
Vue CLI 插件开发完全指南:从原理到实战
前端·javascript·vue.js