Skip to main content
Participant
March 19, 2018
Answered

DW 8; Preview in browser: Edge

  • March 19, 2018
  • 3 replies
  • 563 views

I'm using DW 8 and can't upgrade because its too expensive for me. I'm administrating the web of my association at no charge.

How can I add the internet explorer Edge to the settings "Preview in browser"?

Further more, why does certain data set entries or graphics appear shifted against others on the web site?

In IE10 one could use the compatibility view settings to correct this, but it created other graphic problems.

It doesn't work in IE11

OK, I hope there are some answers.

This topic has been closed for replies.
Correct answer Jon Fritz

Here's the work around I mentioned above: Unable to use Microsoft Edge for preview in Dreamweaver on Windows 10

3 replies

WolfShade
Legend
March 19, 2018

I have just spent the last twenty minutes trying to get it to work in DW CS5.5.  I've tried dragging the Edge icon from All Applications into a folder and pointing DW to that for preview in browser - it just blanks everything in the dialogue.  I've tried manually creating a shortcut, and select that in DW, and get a message that it's not a valid Win32 application.  I give up.

There might be a way to script something invoking the powershell, but I'm not familiar with it.

V/r,

^ _ ^

Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
March 19, 2018
WolfShade
Legend
March 19, 2018

Doesn't that just make Windows Explorer the "browser" for preview???

V/r,

^ _ ^

WolfShade
Legend
March 19, 2018

I have never been able to get preview-in-browser to properly work with Edge.  It won't even open from DW.  I've seen this on both DW CS5.5 and DW 2017.

But if you want to try, the .exe is located at C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\MicrosoftEdge.exe

Click on the icon for Preview in Browser and at the bottom is a choice for edit browsers.  Add it, there.

HTH,

^ _ ^

JeJaTyAuthor
Participant
March 20, 2018

Dear WolfShade

Thanks for your answer. It's correct but it doesn't work in DW8

Jon Fritz
Community Expert
Community Expert
March 19, 2018

Just to make sure you don't get confused answers, the latest browser from the guys out in Redmond is called Microsoft Edge, not Internet Explorer Edge. It's a totally new animal, not based on IE technologies, thus it got a different name.


Compatibility mode is NOT the way to fix anything. It was a poorly implemented bad idea from Microsoft and should never be used for any site. What it does is essentially dumb-down the code from your site, allowing it to appear as if it were written a decade or more ago. Most people won't use it when they come to a "broken site" so relying on it during development is a bad plan.

Display problems between individual browsers are usually caused by html/css errors in your code. Some browsers are better at guessing what you meant to do, and display correctly. Older Microsoft browsers were the worst at that guessing game (I think why Compatibility Mode existed). You can validate your code at the the pages below...

HTML: Ready to check - Nu Html Checker

CSS: The W3C CSS Validation Service

...to get a listing of errors on your pages. Pay particular attention to missing/duplicated tags, structural errors are generally going to cause display problems.

I'm not sure you can get DW8 to preview in Edge automatically, I know there was a work-around in later versions of DW that rely on you changing your OS Default Browser to Edge in order to preview there in DW. That may work for you. Another solution would be to open Edge and browse to your local site's home page, then set a Bookmark/Favorite in the toolbar so you can pull it up any time it's open without needing to drill down through the folder structure each time.

Nancy OShea
Community Expert
Community Expert
March 19, 2018

Well said Jon.

IE's so called Compatibility Mode is an abomination and should never be used under any circumstances.  To keep it from rearing its ugly head, I add  the X-UA meta tag to all my HTML documents.

<!doctype html>

<html lang="en">

<head>

<title>Page title...</title>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

</body>

</html>

Nancy O'Shea— Product User & Community Expert