How to get a web page markup

Chrome
Safari
Firefox
 

1. Navigate to the page where the issue reproduces.

2. Bring up the developer tools using one of these methods:

  • Keyboard shortcut: F12 on Windows PC, Cmd+Alt+i on Mac OS X, Ctrl+Shift+J on Linux.
  • From the Chrome Menu located at the top right of your browser window, select Tools Developer Tools.

3. Navigate to the Elements tab in the Developer Tools.

4. Scroll to the top of the Developer Tools' Elements panel until you see the root html element:

root.png

5. Select the line by left-clicking on it.

6. Right-click on the root html element line, select Copy → Copy outerHTML:

copyhtmljpg.jpg

7. Open any plain text editor:

  • e.g., Notepad on Windows.
  • or TextEdit on Mac OS X (you can set it to plain text mode by going to FormatMake Plain Text).

8. Paste the outerHTML line to the plain text editor and save it.

9. Send the file to support@grammarly.com or here.

1. Navigate to the page where the issue reproduces.

2. Bring up the developer tools using either of these methods:

  • Keyboard shortcut: F12 on Windows PC, Cmd+Alt+i on Mac OS X, Ctrl+Shift+J on Linux.
  • From the Firefox menu located at the top-right corner of your browser window, select Tools > Webdeveloper > Developer Toolbar

3. Click on Inspector panel until you see the root html element as shown below:

Screen_Shot_2016-09-01_at_2.46.05_PM.png

4. Select the root html element line (highlighted in blue on the image above) by left-clicking on it.

5. Right-click on the root html element line and select Copy outerHTML.

6. Open any plain text editor (e.g., Notepad on Windows or TextEdit on Mac OS X). You can set it to plain text mode by going to FormatMake Plain Text.

7. Paste the outerHTML line to the plain text editor and save it.

8. Send the file to support@grammarly.com or here.

1. Navigate to the page where the issue reproduces.

2. Bring up the Developer Tools by pressing Cmd+Alt+i.

3. Navigate to the Elements tab in the Developer Tools.

4. Scroll to the top of the Developer Tools' Elements panel until you see the root html element (the line highlighted in blue): 

1.png

5. Select the line by left-clicking on it.

6. Right-click on the root html element line and select Copy as HTML

2.png

7. Open any plain text editor, for example TextEdit for Mac OS X (you can set it to plain text mode by going to FormatMake Plain Text).

8. Paste the HTML line to the plain text editor and save it.

9. Send the file to support@grammarly.com or here.

Was this article helpful?
Have more questions? Submit a request

Comments