如何解决通过Chrome扩展程序访问控制台日志命令
我希望通过Chrome扩展程序覆盖现有的控制台命令-原因是我希望记录特定站点的控制台日志。
不幸的是,我似乎无法更新DOM,这是我到目前为止已经尝试的方法:
// Run functions on page change
chrome.tabs.onUpdated.addListener( function (tabId,changeInfo,tab) {
var s = document.createElement('script');
// TODO: add "script.js" to web_accessible_resources in manifest.json
s.src = chrome.runtime.getURL('core/js/app/console.js');
s.onload = function() {
this.remove();
};
(document.head || document.documentElement).appendChild(s);
});
console.js
// Replace functionality of console log
console.defaultLog = console.log.bind(console);
console.logs = [];
console.log = function(){
console.defaultLog.apply(console,arguments);
console.logs.push(Array.from(arguments));
};
// Replace functionality of console error
console.defaultError = console.error.bind(console);
console.errors = [];
console.error = function(){
console.defaultError.apply(console,arguments);
console.errors.push(Array.from(arguments));
};
// Replace functionality of console warn
console.defaultWarn = console.warn.bind(console);
console.warns = [];
console.warn = function(){
console.defaultWarn.apply(console,arguments);
console.warns.push(Array.from(arguments));
};
// Replace functionality of console debug
console.defaultDebug = console.debug.bind(console);
console.debugs = [];
console.debug = function(){
console.defaultDebug.apply(console,arguments);
console.debugs.push(Array.from(arguments));
};
该脚本通过alert()成功运行。
我的目标是访问console.logs-但未定义它,这意味着尽管注入了脚本,但我仍无法访问DOM。
如果不可能的话,即使是第三方集成也将是有帮助的,即Java还是C?
任何想法都将不胜感激:)
解决方法
我找到了这个post,我认为Tampermonkey注入了一个脚本,该脚本具有您在Tampermonkey Chrome扩展页面中添加的即时功能,我在Wappalyzer之类的扩展中发现了类似的东西,并且看起来不错且安全,可以使用WebRequest以便在帖子完全显示之前,在页面完全加载之前将新的“ polyfill”注入您的网站。
这是我之前提到的Wappalyzer的示例,这是Wappalyzer通过代码注入使用Wappalyzer在StackOverflow中进行的JS加载,我还没有使用Tampermonkey对其进行测试
编辑
检查Wappalyzer,如何注入代码是很容易的部分,您可以使用(Wappalyzer github example):
const script = document.createElement('script')
script.setAttribute('src',chrome.extension.getURL('js/inject.js'))
这可能无法解决您的问题,此代码在所有内容加载到DOM之后执行。但是,您可以在此post
中找到如何解决该问题的方法我建议使用onCommitted事件(doc1 / doc2)
使用mozilla.org示例,您将得到类似
const filter = {
url: //website to track logs
[
{hostContains: "example.com"},{hostPrefix: "developer"}
]
}
function logOnCommitted(details) {
//Inject Script on webpage
}
browser.webNavigation.onCommitted.addListener(logOnCommitted,filter);
,
可能值得尝试重新定义整个控制台对象:
const saved = window.console
window.console = {...saved,log: function(...args){ saved.log("Hello",...args) }}
但这可能是不可能的,因为内容脚本生活在一个孤立的世界中:
隔离的环境不允许内容脚本,扩展名和网页访问其他脚本或扩展创建的任何变量或函数。这也使内容脚本能够启用网页不应该访问的功能。
尽管该脚本在Tampermonkey中有效。
我相信Tampermonkey可以通过了解细微之处并跟踪扩展主机的保护机制来解决此问题。
顺便说一句,对于小任务,可以用code snippets的形式来代替chrome扩展。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。