Adobe Dreamweaver CC 2014 v.13 - Manual (Page 505)

To the top
2. Click the Live Code button.
Dreamweaver displays the live code that the browser would use to execute the page. The code is highlighted in yellow and is uneditable.
When you interact with interactive elements on the page, Live Code highlights the dynamic changes in the code.
3. To turn off highlighting for changes in Live Code view, choose View > Live View Options > Highlight Changes in Live Code.
4. To return to the editable Code view, click the Live Code button again.
To change Live Code preferences, choose Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh OS), and select the Code
Coloring category.
Freeze JavaScript
Do one of the following:
Press F6
Select Freeze JavaScript from the Live View button’s pop-up menu.
An info bar at the top of the document tells you that JavaScript is frozen. To close the info bar, click the close link.
Live view options
Besides the Freeze JavaScript option, there are some other options available from the Live View button’s pop-up menu, or from the View > Live
View Options menu item.
Freeze JavaScript Freezes elements affected by JavaScript in their current state.
Disable JavaScript Disables JavaScript and re-renders the page as it would look if a browser did not have JavaScript enabled.
Disable Plug-ins Disables plug-ins and re-renders the page as it would look if a browser did not have plug-ins enabled.
Highlight Changes in Live Code Turns highlighting for changes in Live Code off or on.
Edit the Live View Page in a New Tab Lets you open new tabs for site documents you browse to using the Browser Navigation toolbar or the
Follow Link(s) feature. You must browse to the document first, then select Edit the Live View Page in a New Tab to create a new tab for it.
Follow Link Makes the next link you click in Live View active. Alternatively you can Control-click a link in Live view to make it active.
Follow Links Continuously Makes links in Live View continuously active until you disable them again, or close the page.
Automatically Sync Remote Files Automatically syncs the local and remote file when you click the Refresh icon in the Browser Navigation
toolbar. Dreamweaver puts your file to the server before refreshing so that both files are in sync.
Use Testing Server for Document Source Used mainly by dynamic pages (such as ColdFusion pages), and selected by default for dynamic
pages. When this option is selected, Dreamweaver uses the version of the file on the site’s testing server as the source for the Live view display.
Use Local Files for Document Links The default setting for non-dynamic sites. When this option is selected for dynamic sites that use a testing
server, Dreamweaver uses the local versions of files that are linked to the document (for example, CSS and JavaScript files), instead of the files on
the testing server. You can then make local changes to related files so that you can see how they look before putting them to the testing server. If
this option is deselected, Dreamweaver uses the testing server versions of related files.
HTTP Request Settings Takes you to an advanced settings dialog box where you can enter values for displaying live data. For more information,
click the Help button in the dialog box.
Previewing pages in browsers
Preview in a browser
You can preview a page in a browser at any time; you don’t have to upload it to a web server first. When you preview a page, all browser-related
functions should work, including JavaScript behaviors, document-relative and absolute links, ActiveX® controls, and Netscape Navigator plug-ins,
provided that you installed the required plug-ins or ActiveX controls in your browsers.
Before previewing a document, save the document; otherwise, the browser does not display your most recent changes.
1. Do one of the following to preview the page:
Select File > Preview In Browser, and then select one of the listed browsers.
Note: If no browsers are listed, select Edit > Preferences or Dreamweaver > Preferences (Macintosh), and then select the Preview In
Browser category on the left to select a browser.
Press F12 (Windows) or Option+F12 (Macintosh) to display the current document in the primary browser.
Press Control+F12 (Windows) or Command+F12 (Macintosh) to display the current document in the secondary browser.
2. Click links and test content in your page.
Note: Content linked with a site root-relative path does not appear when you preview documents in a local browser unless you specify a
testing server, or select the Preview Using Temporary File option in Edit > Preferences > Preview In Browser. This is because browsers
498