4 ms·

Ha, that's a very long story. The gist though is that some custom CSS forces a given webpage into a strict, monospaced, mono-sized grid. Then JS queries DOM tex

by tombh 8y ago

Ha, that's a very long story. The gist though is that some custom CSS forces a given webpage into a strict, monospaced, mono-sized grid. Then JS queries DOM text nodes for their contents and precise positions. Then using the standard rules of text flow the exact position of every character can be fairly reliably derived.

enriquto 8y ago
that's beautiful, where can we find this cool CSS file?
- detaro 8y ago
  from a quick peek at the GH repo, https://github.com/browsh-org/browsh/blob/master/webext/assets/styles.css https://github.com/browsh-org/browsh/blob/master/webext/asse... and the JS in the surrounding extension code?
  - enriquto 8y ago
    thanks! I couldn't find it