mattdesl · December 30, 2015 03:53 · paulirish · Feb 13, 2015
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: ';document.body.style.background = "rgb(' + r + ',255,255);"',
            }, function(err, msg) {
                if (err)
                    console.log("Err with setScriptSource", params.scriptId, msg.message)
                else 
                    console.log(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(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
 document.body.style.background = 'blue'
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: ';document.body.style.background = "rgb(' + r + ',255,255);"',
	}, function(err, msg) {
	if (err)
	console.log("Err with setScriptSource", params.scriptId, msg.message)
	else
	console.log(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(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>