Question

我想创建自己的上下文菜单，该菜单会根据我点击屏幕的位置而改变。

但是，我不希望通过right click > inspect轻松访问chrome dev工具。理想情况下，我想添加自己的条目，只有在DEBUG编译程序时才会出现。

可以这样做吗？或者是否可以避免网站令人讨厌？

感谢。

Answer 1

您可以向其中添加条目，而不是用您的上下文替换浏览器的上下文菜单，因此您不会丢失“Inspect”命令。

为此，您可以使用HTML5 <menu>。

您可以在此处阅读教程：http://davidwalsh.name/html5-context-menu

<section contextmenu="mymenu">
    <!-- Content -->
</section>

<menu type="context" id="mymenu">
    <menuitem label="Refresh Post" onclick="window.location.reload();" icon="/images/refresh-icon.png"></menuitem>
    <menuitem label="Skip to Comments" onclick="window.location='#comments';" icon="/images/comment_icon.gif"></menuitem>
    <menu label="Share on..." icon="/images/share_icon.gif">
        <menuitem label="Twitter" icon="/images/twitter_icon.gif" onclick="goTo('//twitter.com/intent/tweet?text=' + document.title + ':  ' + window.location.href);"></menuitem>
        <menuitem label="Facebook" icon="/images/facebook_icon16x16.gif" onclick="goTo('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
    </menu>
</menu>

但请注意，它并未得到广泛支持。

通过Javascript打开调试器工具

1 个答案: