How to do remote debugging with Browser-sync?

remote-debugging browser-sync
Emmad Zahid picture Emmad Zahid · Feb 12, 2015 · Viewed 7.3k times · Source

I have installed browser sync with npm. On their website, they have mentioned that it also allows remote debugging. But they have not mentioned that how to do remote debugging. I have used below command to run mysite on browser-sync. browser-sync start --proxy localhost:8080/mysite

how can I remote debug that?

Answer

Adi picture Adi · Apr 20, 2015

Though this was quite a tricky process in versions before Browser-sync 2.0, but with Browser-sync 2.0 you now have a brand new Web UI, which makes this process a whole lot easier.

Firstly you need to update Browser-sync to it's latest version

npm install -g browser-sync@latest

Then run any command like you would.
eg:

browser-sync start --proxy "myproject.dev" --files "css/*.css"

To open this Web UI open

http://localhost:3001

Below are links to articles that talk about Remote Debuggging in Browser-Sync:

Browser-sync

Related questions

Accessing localhost (xampp) from another computer over LAN network - how to?

I have just set up a wi-fi network at home. I have all my files on my desktop computer (192.168.1.56) and want to access localhost over there from another computer (192.168.1.2). On my desktop I can access localhost through the normal http://…

Read More
Remote debugging a Java application

I have a java application running on linux machine. I run the java application using the following: java myapp -Xdebug -Xrunjdwp:server=y,transport=dt_socket,address=4000, suspend=n I have opened port 4000 for TCP on this Linux machine. I …

Read More
Eclipse : Failed to connect to remote VM. Connection refused.

When ever i tried to launch my eclipse debug(for server side code) i'm getting the following error Failed to connect to remote VM. Connection refused. What's the problem may be? I already tried with most of the solutions out …

Read More