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 window using one of these methods:

  • Keyboard shortcut: F12 on Windows PC, Cmd+Alt+i on macOS, 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 window.

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 macOS (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 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 macOS, 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 the 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 macOS. 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 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 window.

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 macOS (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 here.

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

Comments

answer-bot