paulirish · May 11, 2019 09:19
diff --git a/debugger.js b/debugger.js
 var Chrome = require('chrome-remote-interface')

 Chrome({
    chooseTab: function(tabs) {
        var idx = 0
        tabs.forEach(function(tab, i) {
            if (tab.url === 'http://localhost:9966/')
                idx = i
        })
        return idx
    }
 }, function(chrome) {
    chrome.on('Debugger.scriptParsed', function(params) {
        if (params.url.indexOf('http://') > -1) {
            //will print ID of index.js e.g. 36
            console.log("got script ID", params.scriptId)

            //now to change index.js to something else
            var r = Math.floor(Math.random() * 255)
            chrome.Debugger.setScriptSource({
                scriptId: params.scriptId,
                scriptSource: 'function foo(){ document.body.style.background = "hsl(' + r + ',50%,50%)"; }\n\nfoo(); setInterval(foo, 1000);'
            }, function(err, msg) {
                if (err)
                    console.log("Err with setScriptSource", params.scriptId, msg.message)
                else 
                    console.log("setScriptSource win:", msg);


                //getScriptSource always seems to work fine
                chrome.Debugger.getScriptSource({
                    scriptId: params.scriptId
                }, function(err, msg) {
                    if (err)
                        console.log("Err with getScriptSource", params.scriptId, msg.message)
                    else 
                        console.log("getScriptSource", msg)
                })
            })

        }
    });

    chrome.Debugger.enable(function() {
        console.log("Debugger enabled")
    });
 });
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title></title>
 </head>
 <body>
    <script src="index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
 function foo(){  document.body.style.background = 'blue' }

 foo(); setInterval(foo, 1000);
diff --git a/launch.md b/launch.md
	var Chrome = require('chrome-remote-interface')

	Chrome({
	chooseTab: function(tabs) {
	var idx = 0
	tabs.forEach(function(tab, i) {
	if (tab.url === 'http://localhost:9966/')
	idx = i
	})
	return idx
	}
	}, function(chrome) {
	chrome.on('Debugger.scriptParsed', function(params) {
	if (params.url.indexOf('http://') > -1) {
	//will print ID of index.js e.g. 36
	console.log("got script ID", params.scriptId)

	//now to change index.js to something else
	var r = Math.floor(Math.random() * 255)
	chrome.Debugger.setScriptSource({
	scriptId: params.scriptId,
	scriptSource: 'function foo(){ document.body.style.background = "hsl(' + r + ',50%,50%)"; }\n\nfoo(); setInterval(foo, 1000);'
	}, function(err, msg) {
	if (err)
	console.log("Err with setScriptSource", params.scriptId, msg.message)
	else
	console.log("setScriptSource win:", msg);


	//getScriptSource always seems to work fine
	chrome.Debugger.getScriptSource({
	scriptId: params.scriptId
	}, function(err, msg) {
	if (err)
	console.log("Err with getScriptSource", params.scriptId, msg.message)
	else
	console.log("getScriptSource", msg)
	})
	})

	}
	});

	chrome.Debugger.enable(function() {
	console.log("Debugger enabled")
	});
	});
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>
	<script src="index.js"></script>
	</body>
	</html>
	function foo(){ document.body.style.background = 'blue' }

	foo(); setInterval(foo, 1000);