所以我尝试做的是，使用Chrome Web扩展，附加到WebSocket连接，而不是创建一个新的连接，并控制台记录正在发送和接收的数据。我的问题是，我想我无法从网站上将侦听器添加到websocket.js，因为我无法获得console.log（“Matched.”）。
下面是我的html/js/WebSocket代码：
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WebSocket Example</title>
</head>
<body>
<div id="messages"></div>
<script src="websocket.js"></script>
<script src="main.js"></script>
</body>
</html>这里是main.js
function displayMessage(message) {
const messagesDiv = document.getElementById("messages");
messagesDiv.innerHTML += `<p>${message}</p>`;
}
function startSendingMessages() {
setInterval(() => {
sendMessage("Hello from WebSocket!");
}, 5000);
}
document.addEventListener("DOMContentLoaded", () => {
initWebSocket();
startSendingMessages();
});这里是websocket.js
let socket = null;
function initWebSocket() {
socket = new WebSocket("wss://socketsbay.com/wss/v2/1/demo/");
socket.addEventListener("open", (event) => {
console.log("WebSocket is open");
});
socket.addEventListener("close", (event) => {
console.log("WebSocket is closed");
});
socket.addEventListener("error", (event) => {
console.error("WebSocket error:", event);
});
}
function sendMessage(message) {
if (socket.readyState === WebSocket.OPEN) {
socket.send(message);
} else {
console.error("WebSocket not open. Message not sent.");
}
}以下是Web浏览器扩展代码：manifest.json:
{
"manifest_version": 3,
"name": "Socket Logger Extension",
"version": "1.0",
"description": "Logs socket messages in all frames",
"declarative_net_request": {
"rule_resources": [
{
"id": "ruleset_1",
"enabled": true,
"path": "rules_1.json"
}
]
},
"permissions": ["declarativeNetRequest", "declarativeNetRequestFeedback"],
"host_permissions": ["http://*/*", "https://*/*"],
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": ["http://127.0.0.1:5500/*"],
"js": ["content_script.js"],
"all_frames": true
}
]
}rules_1.json：
[
{
"id": 1,
"priority": 1,
"action": { "type": "block" },
"condition": {
"urlFilter": "||127.0.0.1:5500/websocket.js",
"resourceTypes": ["main_frame"]
}
}
]background.js:
chrome.declarativeNetRequest.onRuleMatchedDebug.addListener((e) => {
console.log("Matched..");
chrome.scripting.executeScript({
target: { tabId: details.tabId },
files: ["content_script.js"],
});
});content_script.js：
function interceptWebSocket() {
const originalWebSocket = window.WebSocket;
window.WebSocket = function (url, ...args) {
const socket = new originalWebSocket(url, ...args);
socket.addEventListener("message", (event) => {
console.log("Received:", event.data);
});
socket.addEventListener("send", (event) => {
console.log("Sent:", event.data);
});
socket.addEventListener("open", (event) => {
console.log("WebSocket is open");
});
socket.addEventListener("close", (event) => {
console.log("WebSocket is closed");
});
socket.addEventListener("error", (event) => {
console.error("WebSocket error:", event);
});
return socket;
};
}
interceptWebSocket();
1条答案
按热度按时间rjjhvcjd1#
禁用WebSocket send方法以拦截正在发送的数据：