Skip to content

Commit

Permalink
Add tip on using developer tools in browsers
Browse files Browse the repository at this point in the history
  • Loading branch information
lucapegolotti committed Oct 28, 2023
1 parent ef7038c commit 0a58346
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions doc/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -150,3 +150,4 @@ Links to useful Javascript introductions:

# General tips
1. The most convenient way to edit the website is by using [VS Code](https://code.visualstudio.com). Indeed, by installing the extension "Live Server", HTML files can be opened by right clicking on them in the "Explorer" and selecting the "Open with Live Server" option. This prompts the file to be opened in the browser. Moreover, every change to the HTML code reflects immediately in the rendered version of the website. Note: since some data is not available in the repository but only on Tetralogy (see [Deployement](https://github.com/SimVascular/vascularmodel/blob/main/doc/deployement.md) and [Data Management](https://github.com/SimVascular/vascularmodel/blob/main/doc/data-management.md) for more information), some parts of the website could be rendered differently in the local and in the deployed version.
2. Most modern browsers include developer tools that allow inspecting the source code of a particular webpage. Moreover, the style (CSS code) of the webpage can be edited directly within the developer tools, which reflects in immediate changes in how the page is displayed. These developer tools are also useful in highlighting parts of the page when the mouse hovers on the corresponding parts of the source code.

0 comments on commit 0a58346

Please sign in to comment.