Dr. Mark Humphrys

School of Computing. Dublin City University.

Online coding site: Ancient Brain


Online AI coding exercises

Project ideas

Computers and Internet - Links - Web browsers

Web browsers



  1. "Back" or "Reload" jumps around on page.
  2. Click on TXT file downloads instead of displays in browser

  3. No "Edit page" option.

Task Manager

Debugging in Chrome

Stop caching while developing:

How to do things:
  1. To wrap long lines so can see full element:
    Settings icon - "Elements" - Word wrap
    That means it only works in "Elements" section.
    Apparently cannot get word wrap in "Console" section!

  2. To view HTTP headers:
    Network - (Reload page) - (select a request) - Headers

  3. To view cookies:
    Application - Cookies

  4. To view entire current page (after JS transforms) as HTML:
    Elements - body - right-click - Edit as HTML

  5. To see all JS and other files included:
    • Network - JS (or Sort by type)

  6. To inspect images on page:
    • Application - Frames - top - Images

  7. To convert image to Data URI
    1. Chrome console - Top menu >> Application
    2. Bottom panel - Frames - top - Images
    3. Right-click image and "Copy image as data URI"
  8. No option for converting audio to Data URI though.

Capturing all network calls

A tricky problem:

To see what network calls were made in opening the new tab, a solution is here.

  1. Force open links in same tab. See JS code to paste in console.
  2. "Network" - Tick "Preserve log" so log is not cleared.

Live edit

  1. Can edit local copy of page with JS.
    For example to replace the n'th image, open Console and type:
     x = document.getElementsByTagName('img') 
     x[n].src = "new url"

  2. Live edit CSS:
    1. Inspect element
    2. Styles
    3. Tick boxes on and off
    4. Edit values

  3. To edit cookies:

Chrome extensions causing console error



ancientbrain.com      w2mind.org      humphrysfamilytree.com

On the Internet since 1987.      New 250 G VPS server.

Note: Links on this site to user-generated content like Wikipedia are highlighted in red as possibly unreliable. My view is that such links are highly useful but flawed.