Dr. Mark Humphrys

School of Computing. Dublin City University.

Online coding site: Ancient Brain

Search:

Online AI coding exercises

Project ideas


Computers and Internet - Links - Web browsers


Web browsers



Edge



Chrome


Issues:
  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:
    EditThisCookie


Chrome extensions causing console error



Firefox



IE



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.