У меня есть небольшая проблема здесь. Основываясь на моем предыдущем вопросе, я разработал расширение, которое записывает щелчки мышью и отмечает место.
Однако, когда я нажимаю на ссылку, чтобы открыть всплывающее окно; отмеченные щелчки мыши находятся в фоновом окне, а не во всплывающем окне.
Это проблема безопасности или что-то в этом роде?
background.html
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
chrome.tabs.captureVisibleTab(null, {format:"png"}, function(dataUrl){
var img = new Image();
img.onload = function(){
var canvas = document.getElementById("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
ctx.arc(request.x, request.y, 5, 0, Math.PI*2, true);
ctx.fillStyle = "rgb(255,0,0)";
ctx.fill();
chrome.tabs.create({url: canvas.toDataURL("image/png")});
};
img.src = dataUrl;
});
sendResponse({});
});
<body>
<canvas id="canvas"></canvas>
</body>
content_script.js:
window.addEventListener("click", function(event) {
chrome.extension.sendRequest({x: event.x, y: event.y});
});