Error in response to storage.get: SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
at Object.eval [as callback] (eval at <anonymous> (chrome-extension://ddiblodcpaaieoopolanaoecbhicgjfo/content.js:1:5883), <anonymous>:60:337)
at eval (eval at <anonymous> (chrome-extension://ddiblodcpaaieoopolanaoecbhicgjfo/content.js:1:5883), <anonymous>:60:297)
at eval (eval at <anonymous> (chrome-extension://ddiblodcpaaieoopolanaoecbhicgjfo/content.js:1:5883), <anonymous>:60:866)
at eval (eval at <anonymous> (chrome-extension://ddiblodcpaaieoopolanaoecbhicgjfo/content.js:1:5883), <anonymous>:60:15850)
at chrome-extension://ddiblodcpaaieoopolanaoecbhicgjfo/content.js:1:5878
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="578" height="400"></canvas>
<script type="text/javascript">
var i = 0;
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var one = {
x: 300,
y: 300,
color: '#aff',
useletter: 'G'
};
var two = {
x: 120,
y: 120,
color: '#eee',
useletter: 'T'
};
_myCircleArray = [one,two];
window.requestAnimFrame = (function (callback) {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
function drawTextBubble(myCircle, context) {
// radius: 50,
// startAngle: 0,
// endAngle: Math.PI * 2,
// counterClockwise: false,
//
context.beginPath();
context.arc(myCircle.x, myCircle.y, 50, 0, Math.PI * 2, false);
context.fillStyle = myCircle.color;
context.fill();
context.strokeStyle = '#000';
context.stroke();
context.beginPath();
context.fillStyle = '#000';
context.fill();
context.font = "40px Georgia";
context.fillText(myCircle.useletter, myCircle.x - 10, myCircle.y + 10);
context.strokeStyle = '#000';
context.stroke();
context.beginPath();
context.fillStyle = '#000';
context.fill();
context.font = "40px Georgia";
context.fillText('n', myCircle.x + 50, myCircle.y + 50);
context.strokeStyle = '#000';
context.stroke();
}
function animate(canvas, context, startTime) {
var time = (new Date()).getTime() - startTime;
context.clearRect(0, 0, canvas.width, canvas.height); // only clear once
for (var a = 0; a < _myCircleArray.length; a++) {
var myCircle = _myCircleArray[a];
var amplitude = 150;
var period = 3000;
var centerX = (canvas.width / 2) - ((myCircle.radius * 2) / 2);
var nextX = amplitude * Math.sin(time * 2 * Math.PI / period) + centerX;
myCircle.x = nextX;
drawTextBubble(myCircle, context);
}
requestAnimFrame(function () {
animate(canvas, context, startTime);
});
}
// wait one second before starting animation
setTimeout(function () {
var startTime = (new Date()).getTime();
animate(canvas, context, startTime);
}, 1000);
</script>
</body>
</html>
It happens when I try to run a program I am writing in JavaScript -- but nothing in the JavaScript explains this problem.
I am not developing or using any extensions.
I've removed all superfluous extensions. Still the error.
I'll consider enabling the third party stuff.
Where do I find the manifest.json file?