草庐IT

javascript - 如何在 Chrome 的信息亭模式下右键单击/长按禁用上下文菜单?

coder 2024-05-10 原文

我们正在为一家博物馆开发软件。有几个连接到本地网络的触摸屏交互式信息亭在 Windows 8.1 上运行。没有键盘,没有鼠标。装有 Apache 的服务器包含几个本地网站。每个信息亭都以信息亭模式运行 Google Chrome 的副本。因此,我们有某种本地网络应用程序可以为博物馆参观者提供信息。

现在,问题来了。如果访问者在屏幕上长按,它的工作方式类似于右键单击。出现上下文菜单。我们根本不想要它。我在正文标签中添加了“oncontextmenu = return false”,这很有帮助。但。我们有几个在 iframe 中运行的外部网站(博物馆可以连接到互联网)。上下文菜单确实出现在 iframe 上。据我所知,无法使用 javascript 禁用它。

我们的系统工程师得到了一个软件,它可以在 Windows 中完全禁用右键单击。任何地方,包括 Chrome。但。它适用于鼠标。至于触摸……好吧,它会在 Chrome 之外的任何地方禁用触摸事件。也许 Chrome 有自己的触摸事件处理程序,我不知道。

所以,毕竟。我们需要在 Chrome 的信息亭模式下通过右键单击/长按摆脱 iframe 上的上下文菜单。请给我一些建议。

最佳答案

我假设您正在显示一个普通的 http://...(或者可能是 https://...file://...) 信息亭上的网页。如果您实际展示的是应用程序(即 chrome-extension://...),那么此策略将不起作用。

window.addEventListener("contextmenu", function(e) { e.preventDefault(); }) 注入(inject)每个浏览上下文的 Chrome 扩展可能会阻止上下文菜单内嵌框架。

list .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
      }
    ]
}

contextblocker.js:

window.addEventListener("contextmenu", function(e) { e.preventDefault(); })

只需创建一个文件夹并将两个文件放入其中即可。然后,转到 chrome://extensions/,选中 Developer Mode 框。最后,单击 Load unpacked extension... 并选择您刚刚创建的文件夹。

这应该可以防止上下文菜单出现在允许运行扩展内容脚本的任何地方,包括在 iframe 中加载的任何页面。它有几个值得注意的地方失败了:

  • 不允许在 chrome://chrome-extension:// 页面或 Google 网上应用店上运行扩展程序。如果您的信息亭正在显示一个应用程序,则整个策略将不起作用,因为此扩展程序将无法访问另一个应用程序或扩展程序内的 iframe(即使 iframe 的来源是它通常具有权限的来源访问)。
  • 如果您直接导航到 about:blank,内容脚本将不会运行,上下文菜单会出现。 (但是,如果 about:blank 加载到 iframe 中,该 block 将正常工作。)
  • 如果 iframe 具有不包含 allow-scripts 权限的 sandbox 属性,则扩展无法阻止来自该 iframe 的上下文菜单。

只要这些限制都不适用(并且只要页面上的脚本本身不清除 window 上的所有事件监听器),它就应该可以工作。

我使用上面的代码创建了 a simple extension in the Chrome Web Store . (开发人员模式扩展现在会在启动时产生警告,而 Web Store 扩展则不会。)

关于javascript - 如何在 Chrome 的信息亭模式下右键单击/长按禁用上下文菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28222548/

有关javascript - 如何在 Chrome 的信息亭模式下右键单击/长按禁用上下文菜单?的更多相关文章

  1. ruby - 如何在 Ruby 中顺序创建 PI - 2

    出于纯粹的兴趣,我很好奇如何按顺序创建PI,而不是在过程结果之后生成数字,而是让数字在过程本身生成时显示。如果是这种情况,那么数字可以自行产生,我可以对以前看到的数字实现垃圾收集,从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法,类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits

  2. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前,我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞,我可以在一个地方轻松完成,而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  3. ruby - 如何在 buildr 项目中使用 Ruby 代码? - 2

    如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  4. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们? - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  5. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  6. ruby-on-rails - 如何在 ruby​​ 中使用两个参数异步运行 exe? - 2

    exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby​​中使用两个参数异步运行exe吗?我已经尝试过ruby​​命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe,无需等待进程完成是否有任何ruby​​gems会支持我的问题? 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除

  7. ruby - 如何在续集中重新加载表模式? - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  8. ruby - 如何在 Ruby 中拆分参数字符串 Bash 样式? - 2

    我正在为一个项目制作一个简单的shell,我希望像在Bash中一样解析参数字符串。foobar"helloworld"fooz应该变成:["foo","bar","helloworld","fooz"]等等。到目前为止,我一直在使用CSV::parse_line,将列分隔符设置为""和.compact输出。问题是我现在必须选择是要支持单引号还是双引号。CSV不支持超过一个分隔符。Python有一个名为shlex的模块:>>>shlex.split("Test'helloworld'foo")['Test','helloworld','foo']>>>shlex.split('Test"

  9. ruby - 如何在 Lion 上安装 Xcode 4.6,需要用 RVM 升级 ruby - 2

    我实际上是在尝试使用RVM在我的OSX10.7.5上更新ruby,并在输入以下命令后:rvminstallruby我得到了以下回复:Searchingforbinaryrubies,thismighttakesometime.Checkingrequirementsforosx.Installingrequirementsforosx.Updatingsystem.......Errorrunning'requirements_osx_brew_update_systemruby-2.0.0-p247',pleaseread/Users/username/.rvm/log/138121

  10. ruby-on-rails - 如何在 ruby​​ 交互式 shell 中有多行? - 2

    这可能是个愚蠢的问题。但是,我是一个新手......你怎么能在交互式ruby​​shell中有多行代码?好像你只能有一条长线。按回车键运行代码。无论如何我可以在不运行代码的情况下跳到下一行吗?再次抱歉,如果这是一个愚蠢的问题。谢谢。 最佳答案 这是一个例子:2.1.2:053>a=1=>12.1.2:054>b=2=>22.1.2:055>a+b=>32.1.2:056>ifa>b#Thecode‘if..."startsthedefinitionoftheconditionalstatement.2.1.2:057?>puts"f

随机推荐