Weinre - Remote Debugging Website with Chrome

-- Pageviews

Install Node.js

Download & install Node.js stable version from official site: http://nodejs.org/
Weinre base on Node.js, need to install Node.js first.

Weinre

1. Install

Download & unzip Weinre latest version from official site:
http://people.apache.org/~pmuellr/weinre/builds/

or install by npm

1
npm -g install weinre

2. Start

Run “Node.js command prompt” as administrator Weinre - Remote Debugging Website with Chrome - Start

1
2
cd {your weinre path}
node weinre --httpPort 9090 --boundHost -all-

DON’T close Node.js console.

3. Script

Adding below script to HTML to your web page.

1
2
<script src="http://{Your IP}:9090/target/target-script-min.js#anonymous">
</script>

Weinre - Remote Debugging Website with Chrome - Import JavaScript

4. Run

Open in your browser http://localhost:9090/ Weinre - Remote Debugging Website with Chrome - Demo 1

Run your web page. Weinre - Remote Debugging Website with Chrome - Demo 2

Select target. Weinre - Remote Debugging Website with Chrome - Demo 3

5. Debug

Weinre - Remote Debugging Website with Chrome - Demo 4
Weinre - Remote Debugging Website with Chrome - Demo 5
Weinre - Remote Debugging Website with Chrome - Demo 6