Открыть инструменты отладчика с помощью Javascript

Question

Я хочу создать собственное контекстное меню, которое изменяется в зависимости от того, где я нажимаю на экран.

Однако я не хочу потерять легкий доступ к инструментам chrome dev через right click > inspect. В идеале я хочу добавить свою собственную запись, которая появляется только в том случае, если я скомпилирую программу в DEBUG.

Можно ли это сделать? Или это мешает избежать раздражения веб-сайтов?

Спасибо.

Answer 1

Вместо того чтобы заменить контекстное меню браузера своим, вы можете добавить к нему записи, поэтому вы не потеряете команду «Осмотреть».

Для этого вы можете использовать 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> 

Но следует помнить, что это не так широко поддерживается.