Highlighted

Dreamweaver CC not previewing HTML in browser

Community Beginner ,
Jun 15, 2017

Copy link to clipboard

Copied

Real-time Preview brings me to a 127.0.0.1:61772/preview/app/index.html  instead of opening the HTML directly to the browser. Please help me, I have been looking for answers on how to fix this but I cannot find anything and nothing seems to work. I want to view my HTML directly into the browser just like CS5. Please provide a step-by-step instruction for me to follow. I am using CC 2017. Thank you.

Adobe Community Professional
Correct answer by Jon_Fritz_II | Adobe Community Professional

Actually, looking at your screenshot, you've forgotten to define a site, or maybe forgotten to select the site first from the dropdown menu in the Files window.

Without defining a site, DW won't work correctly. here's a video....

Define a site |

Topics

Preview, Product issue

Views

7.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Dreamweaver CC not previewing HTML in browser

Community Beginner ,
Jun 15, 2017

Copy link to clipboard

Copied

Real-time Preview brings me to a 127.0.0.1:61772/preview/app/index.html  instead of opening the HTML directly to the browser. Please help me, I have been looking for answers on how to fix this but I cannot find anything and nothing seems to work. I want to view my HTML directly into the browser just like CS5. Please provide a step-by-step instruction for me to follow. I am using CC 2017. Thank you.

Adobe Community Professional
Correct answer by Jon_Fritz_II | Adobe Community Professional

Actually, looking at your screenshot, you've forgotten to define a site, or maybe forgotten to select the site first from the dropdown menu in the Files window.

Without defining a site, DW won't work correctly. here's a video....

Define a site |

Topics

Preview, Product issue

Views

7.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Jun 15, 2017

Copy link to clipboard

Copied

Hi,

Real Time Preview not working on Microsoft Edge and Internet Explorer is a known issue, and there is nothing on the Dreamweaver side that we can do. It works fine on Chrome, Mozilla and Safari.

Also, if you could please send the screenshot of what you see on the browser tab? Is there any error message shown?

Regards,

Niharika Gupta

Adobe Dreamweaver

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Jun 15, 2017

Copy link to clipboard

Copied

Hi, thanks for replying. I'm not using Internet Explorer nor Microsoft Edge, but I am currently using Google Canary.

(1) Opt + F12 leads me to this:

Screen Shot 2017-06-15 at 9.25.42 PM.png

Clicking on any blue link leads me to this:

Screen Shot 2017-06-15 at 9.26.20 PM.png

(2) Doing any of these two

Screen Shot 2017-06-15 at 9.29.31 PM.png

Screen Shot 2017-06-15 at 9.29.46 PM.png

... leads me to this:

Screen Shot 2017-06-15 at 9.31.28 PM.png

Any explanation why is it happening? Thank you very much. This has been my problem since morning...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 15, 2017

Copy link to clipboard

Copied

Actually, looking at your screenshot, you've forgotten to define a site, or maybe forgotten to select the site first from the dropdown menu in the Files window.

Without defining a site, DW won't work correctly. here's a video....

Define a site |

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 15, 2017

Copy link to clipboard

Copied

Also, site-root relative links (links starting with a / in your html) won't work locally because the browser doesn't know how to write the path correctly.

Rather than writing...

file:// Macintosh HD/Users/DMae/Desktop/caked

...in front of your file name, it will just write...

file: //filename.html

...which, if the browser does anything when you click the link, will give you a "not found" message.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Jun 15, 2017

Copy link to clipboard

Copied

The / was the reason it's not found and I haven't defined my site yet... D'oh how could I forgot about that

Thank you very much!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 15, 2017

Copy link to clipboard

Copied

The older Preview in Browser is now called Open in Browser and is available in two locations...

1. If you have your documents set as tabs in the workspace, you can right click the named tab of the document and choose "Open in Browser" (the last option in the context menu).
2. You can right click any file in the Files window and choose the "Open in Browser" option (6th from bottom) in the context menu.

Both will give you the same browser options as the new Live Preview, but will open the actual file on your local machine (localhost/folder/file.html if you have a testing server, or file: //C:/users/username/folder/file.html if you don't), vs routing through Adobe's servers and giving that weird IP address/framed location.

Likes

3 Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Jun 15, 2017

Copy link to clipboard

Copied

Thanks for your reply!

Right clicking the tab and choosing "Open in Browser" brings me to  //C:/users/username/folder/file.html with this message in the browser

Your file was not found

It may have been moved or deleted.

ERR_FILE_NOT_FOUND

Doing the second one as you stated leads me to the same URL and error. My files are in the right place and folder. I'm not sure why this is happening. I have never encountered this before using CS5.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 15, 2017

Copy link to clipboard

Copied

Have you defined a site in DW yet?

The Live Preview is showing a page without css styling added. That usually happens if you forget to define your site first.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Apr 16, 2020

Copy link to clipboard

Copied

I did fix this by copying the code first, delete them in dreamweaver, open the html again in dreamweaver and paste it then preview. This method works for me. I found that my issue is I didn't paste "http://127.0.0.1:50972/preview/app/index.html" from firefox to my other browser that I want to use which is chrome.

 

When I use chrome it says "file//:C..." in the search tab and so that is why it doesn't work and so I copied the http://127.0.0.1:50972/preview/app/index.html" in chrome and it works! It works only for viewing before, but when I update it doesn't work, so after I did this, it works! I hope this helps :") !

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...