8

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?

Improve this question

1 Answer 1

Reset to default
5

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

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

Image
Was this removed in more recent versions, or is there some additional setup required? The "Remote Debugger (weinre)" option doesn't show up for me (using 2.18.5 here).
Image
@candu it does show to me, but my Android device doesn't appear on the listing. ='(
Image
removed at present github.com/BrowserSync/browser-sync/issues/…

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.