Based on answer by @SesameTastelikecheese. This guide is much simpler.
Fixes bug: Extension would only work if console panel was opened first. Always works now.
创建一个扩展来终止 OPERA 控制台警告
这将使 Opera 能够继续更新(有利于安全),并允许您使用未来几个月发布的最新编程语言功能。
将此问题添加为书签以供将来更新。
在硬盘上的任意位置创建一个文件夹:Kill_opera_console_warning
直接在文件夹内创建以下文件。
清单.json
{
"manifest_version" : 3
, "name" : "AAA: Kill Opera Console Warning"
, "version" : "1.1"
, "devtools_page" : "devtools_page.html"
, "content_scripts" :
[
{
"js" : [ "inject_into_devtools.js" ]
, "matches" : [ "<all_urls>" ]
, "run_at" : "document_start"
}
]
// Same key as kgejglhpjiefppelpmljglcjbhoiplfn (ChromeVox)
// see : https://stackoverflow.com/questions/17042547/how-to-inject-javascript-into-chrome-devtools-itself/17044405#17044405
, "key" : "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDEGBi/oD7Yl/Y16w3+gee/95/EUpRZ2U6c+8orV5ei+3CRsBsoXI/DPGBauZ3rWQ47aQnfoG00sXigFdJA2NhNK9OgmRA2evnsRRbjYm2BG1twpaLsgQPPus3PyczbDCvhFu8k24wzFyEtxLrfxAGBseBPb9QrCz7B4k2QgxD/CwIDAQAB"
}
devtools_page.html
<html>
<head></head>
<body><script src="devtools_page_helper.js"></script></body>
</html>
devtools_page_helper.js
function apply_style_sheet_for_current_panel_only( )
{
const devtools_custom_css = `.console-view > div[class^="console-warning-" i] { display : none !important ; }` ;
chrome.devtools.panels.applyStyleSheet( devtools_custom_css ) ;
}
// run for whatever panel opens by default
apply_style_sheet_for_current_panel_only( ) ;
// fallback if Console panel was not opened by default (most likely due to Elements panel opening first)
chrome.devtools.panels.elements.onSelectionChanged.addListener( apply_style_sheet_for_current_panel_only ) ;
注入_into_devtools.js
// necessary for DevTools in private windows
if ( /^(?:chrome-|opera-)?devtools:$/gi.test( window.location.protocol ) === true )
{
const devtools_custom_css = `.console-view > div[class^="console-warning-" i] { display : none !important ; }` ;
const add_css_rules = ( css_rules ) => { ( document.head || document.documentElement ).appendChild( document.createElement("style") ).innerHTML = css_rules ; } ;
// applies to all panels
add_css_rules( devtools_custom_css ) ;
}
您现在应该具有以下文件结构:
+ kill_opera_console_warning
|-- manifest.json
|-- devtools_page.html
|-- devtools_page_helper.js
|-- inject_into_devtools.js
为 Opera 添加扩展
-
Go to extensions page: Ctrl+Shift+E
- Enable "Developer mode" (top right)
-
安装扩展:
-
Click Load unpacked button (top left)
-
找到“kill_opera_console_warning”文件夹
-
Go inside the folder, click Select Folder
-
您创建的扩展应该加载。
-
更新扩展设置:
现在更改 DEVTOOLS 中的一项设置,重新启动 OPERA 并测试扩展
扩展现在可以运行,但为了覆盖边缘情况,您需要更新设置。
-
关闭 DevTools 的所有实例。
-
Open a new normal window (not an incognito window)
- Go to "about:blank", open DevTools Ctrl+Shift+I
-
Open the DevTools settings F1
- 应该有很多带有复选框的设置
- Go to "Experiments" tab (top left)
-
Set 允许扩展加载自定义样式表 to enabled.
- 可能是列表开头的第一个复选框。
- 否则使用过滤器搜索“样式表”。
-
关闭所有内容并重新启动:
- 关闭 DevTools 设置,关闭 DevTools。
- 退出 Opera,等待 5 秒钟并重新启动 Opera。
- 重复步骤 2-3 以检查设置是否仍然启用。
-
测试扩展正在运行:
- 在随机网页上,右键单击“检查元素”
- 切换到控制台面板来测试扩展的工作情况。
-
问题在接下来的几个月内得到解决。
如果扩展停止工作,请回到这个问题。
Opera 可能已更新警告消息中的类。希望编辑能够更新这个答案中的扩展。如果发生这种情况,请完全删除扩展程序。然后再次按照说明进行操作。