LAN access for Live Preview ! #6424

Open
hyingreborn opened this Issue Jan 9, 2014 · 14 comments

Comments

Projects
None yet
@hyingreborn

I use brackets on mac encoding, when i open the live preview, it only be viewed in the local browser, On other PC on the LAN, I access mac ip address : port number, it does not work

@njx

This comment has been minimized.

Show comment Hide comment
@njx

njx Jan 13, 2014

Member

Marking move to backlog, since we don't support launching/connecting to a browser on a different machine. @hyingreborn, could you describe in more detail why you'd want to do this? Is it that you're doing development on one platform and want to preview how the file looks on a different platform?

Member

njx commented Jan 13, 2014

Marking move to backlog, since we don't support launching/connecting to a browser on a different machine. @hyingreborn, could you describe in more detail why you'd want to do this? Is it that you're doing development on one platform and want to preview how the file looks on a different platform?

@hyingreborn

This comment has been minimized.

Show comment Hide comment
@hyingreborn

hyingreborn Jan 14, 2014

In most cases, I have developed web on the mac, and then check the compatibility ie use on another PC;
Sometimes, I also hope that my colleagues in real-time preview to my work

In most cases, I have developed web on the mac, and then check the compatibility ie use on another PC;
Sometimes, I also hope that my colleagues in real-time preview to my work

@njx

This comment has been minimized.

Show comment Hide comment
@njx

njx Jan 14, 2014

Member

Makes sense. Thanks for the clarification.

Member

njx commented Jan 14, 2014

Makes sense. Thanks for the clarification.

@jonthesquirrel

This comment has been minimized.

Show comment Hide comment
@jonthesquirrel

jonthesquirrel Jan 23, 2014

@hyingreborn While the live preview is nice for designing layout/style changes, I find it is usually much more practical, especially when working with Javascript, to create a static local web server and just refresh the browser to see changes (I think there are extensions that do this automatically?).
That way it is possible to view the project from any browser on the local network, for example Mobile Safari on an iPad, rather being limited to Chrome on the same machine.

Here is a quick solution I use:

cd /path/to/project

  • Python 2.x python -m SimpleHTTPServer 8000
  • Python 3.x python -m http.server 8000

@hyingreborn While the live preview is nice for designing layout/style changes, I find it is usually much more practical, especially when working with Javascript, to create a static local web server and just refresh the browser to see changes (I think there are extensions that do this automatically?).
That way it is possible to view the project from any browser on the local network, for example Mobile Safari on an iPad, rather being limited to Chrome on the same machine.

Here is a quick solution I use:

cd /path/to/project

  • Python 2.x python -m SimpleHTTPServer 8000
  • Python 3.x python -m http.server 8000
@ciberado

This comment has been minimized.

Show comment Hide comment
@ciberado

ciberado May 20, 2014

Actually I would find it very handy in order to be able to just click the "send to phone" button in my desktop chrome and perform a quick check of the current status of the page in the mobile device.

Actually I would find it very handy in order to be able to just click the "send to phone" button in my desktop chrome and perform a quick check of the current status of the page in the mobile device.

@krevativ

This comment has been minimized.

Show comment Hide comment
@krevativ

krevativ Jun 10, 2014

+1 it should be enough simply to change the ip from 127.0.0.1 to 0.0.0.0

+1 it should be enough simply to change the ip from 127.0.0.1 to 0.0.0.0

@jasonflaherty

This comment has been minimized.

Show comment Hide comment
@jasonflaherty

jasonflaherty Apr 10, 2015

I would be very interested in the "send to phone" functionality! :) I have tested visiting the 127.0.0.1 over my local network on my other devices without success...

I would be very interested in the "send to phone" functionality! :) I have tested visiting the 127.0.0.1 over my local network on my other devices without success...

@hibiyasleep

This comment has been minimized.

Show comment Hide comment
@hibiyasleep

hibiyasleep Jul 2, 2015

any update about this?

any update about this?

@nethip

This comment has been minimized.

Show comment Hide comment
@nethip

nethip Jul 6, 2015

Contributor

@hibiyasleep @jasonflaherty @krevativ @ciberado @hyingreborn With our CC 2015 release, we have introduced a new cloud based service that allows precise preview of webpages on different mobile devices. This currently can be used from within Dreamweaver and Photoshop CC 2015. Please check out this video.

Does it make sense to have this service inside Brackets? By the way I have created a trello card to have this service integrated with Brackets.

Please upvote this trello card which will help us in prioritization. Thanks!

Contributor

nethip commented Jul 6, 2015

@hibiyasleep @jasonflaherty @krevativ @ciberado @hyingreborn With our CC 2015 release, we have introduced a new cloud based service that allows precise preview of webpages on different mobile devices. This currently can be used from within Dreamweaver and Photoshop CC 2015. Please check out this video.

Does it make sense to have this service inside Brackets? By the way I have created a trello card to have this service integrated with Brackets.

Please upvote this trello card which will help us in prioritization. Thanks!

@tonygon

This comment has been minimized.

Show comment Hide comment
@tonygon

tonygon May 26, 2016

If you have ssh available you can just forward the ports to which Brackets outputs the live preview.

  1. Run live preview in your localhost once, notice the port number 127.0.0.1:port_num/index.html
  2. Run ssh -N -L port_num:localhost:port_num (you can choose the second port, read man ssh)
  3. Enter your ssh password and voila. You can access 127.0.0.1:port_num/index.html in the remote computer.

The issue is that the page won't reload automatically as the local live preview.

Hope that helps!

tonygon commented May 26, 2016

If you have ssh available you can just forward the ports to which Brackets outputs the live preview.

  1. Run live preview in your localhost once, notice the port number 127.0.0.1:port_num/index.html
  2. Run ssh -N -L port_num:localhost:port_num (you can choose the second port, read man ssh)
  3. Enter your ssh password and voila. You can access 127.0.0.1:port_num/index.html in the remote computer.

The issue is that the page won't reload automatically as the local live preview.

Hope that helps!

@ciberado

This comment has been minimized.

Show comment Hide comment
@ciberado

ciberado May 30, 2016

Nice trick!

El jue., 26 may. 2016 a las 17:33, tonygon (notifications@github.com)
escribió:

If you have ssh available you can just forward the ports to which Brackets
outputs the live preview.

  1. Run live preview in your localhost once, notice the port number
    127.0.0.1:port_num/index.html
  2. Run ssh -N -L port_num:localhost:port_num (you can choose the second
    port, read man ssh)
  3. Enter your ssh password and voila. You can access 127.0.0.1:port_num/index.html
    in the remote computer.

The issue is that the page won't reload automatically as the local live
preview.

Hope that helps!


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#6424 (comment)

Nice trick!

El jue., 26 may. 2016 a las 17:33, tonygon (notifications@github.com)
escribió:

If you have ssh available you can just forward the ports to which Brackets
outputs the live preview.

  1. Run live preview in your localhost once, notice the port number
    127.0.0.1:port_num/index.html
  2. Run ssh -N -L port_num:localhost:port_num (you can choose the second
    port, read man ssh)
  3. Enter your ssh password and voila. You can access 127.0.0.1:port_num/index.html
    in the remote computer.

The issue is that the page won't reload automatically as the local live
preview.

Hope that helps!


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#6424 (comment)

@NicoGrapsas

This comment has been minimized.

Show comment Hide comment
@NicoGrapsas

NicoGrapsas May 31, 2017

Hi!
I've found an easy way to accomplish this functionality. I did it with sublime text because it's faster:

1 - Open in your text editor the entire Brackets folder.
2 - Search and replace 127.0.0.1 and localhost with your local ip.
3- Add "livedev.multibrowser": true to preferences file.
4 - Enjoy!

After that you can connect without problems. Page will reload automatically as expected.
As far as i've tested it didn't show any console errors.
Tested on: Windows 10 x64.

UPDATE: Page reload works on Chrome android too!

NicoGrapsas commented May 31, 2017

Hi!
I've found an easy way to accomplish this functionality. I did it with sublime text because it's faster:

1 - Open in your text editor the entire Brackets folder.
2 - Search and replace 127.0.0.1 and localhost with your local ip.
3- Add "livedev.multibrowser": true to preferences file.
4 - Enjoy!

After that you can connect without problems. Page will reload automatically as expected.
As far as i've tested it didn't show any console errors.
Tested on: Windows 10 x64.

UPDATE: Page reload works on Chrome android too!

@mxa

This comment has been minimized.

Show comment Hide comment
@mxa

mxa Sep 20, 2017

@NicoGrapsas open the whole /opt/brackets folder in Sublime? How? There are a lot of binaries in there, no point in searching through those.

mxa commented Sep 20, 2017

@NicoGrapsas open the whole /opt/brackets folder in Sublime? How? There are a lot of binaries in there, no point in searching through those.

@mxa

This comment has been minimized.

Show comment Hide comment
@mxa

mxa Sep 20, 2017

If you are on Linux you can just fire up an webserver with python3 -m http.server 8089 in the directory (you can choose the port number, need root for ports <1024

mxa commented Sep 20, 2017

If you are on Linux you can just fire up an webserver with python3 -m http.server 8089 in the directory (you can choose the port number, need root for ports <1024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment