blittle / chrome-dev-tools Goto Github PK
View Code? Open in Web Editor NEWDown and Dirty with Chrome Dev Tools
License: MIT License
Down and Dirty with Chrome Dev Tools
License: MIT License
Bret, have you noticed 404 errors sometimes when going back in navigation links?
http://blittle.github.io/basics/README.html
When navigating back to already visited link and then again forward, most probably between top level nodes only like here between Introduction and Basics:
Let me know if you are able to recreate this, I could help with fixing it.
Browser: Chrome obviously
Thanks!
Hi,
I didn't find info about blackboxing feature. Probably it has been updated in the chrome dev tools.
Need a roadmap for updating the book for newer chrome features.
I just wanted to learn about Websockets (from an on-the-wire network view), but it seems the combination of the code at https://blittle.github.io/chrome-dev-tools/network/websockets.html and my Chrome (on Windows Version 90.0.4430.93 (Official Build) (64-bit) ) is causing errors as below and attached. I presuming the API changes are the most relevant.
Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
websockets.html:2 [Deprecation] Application Cache API manifest selection is deprecated and will be removed in M85, around August 2020. See https://www.chromestatus.com/features/6192449487634432 for more details.
websockets.html:1 Creating Application Cache with manifest https://blittle.github.io/chrome-dev-tools/manifest.appcache
websockets.html:1 Application Cache Checking event
websockets.html:1 Application Cache Error event: Invalid or missing manifest origin trial token: https://blittle.github.io/chrome-dev-tools/manifest.appcache
websockets.js:17 Mixed Content: The page at 'https://blittle.github.io/chrome-dev-tools/network/websockets.html' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://echo.websocket.org/'. This request has been blocked; this endpoint must be available over WSS.
testWebSocket @ websockets.js:17
init @ websockets.js:13
(anonymous) @ websockets.js:63
(anonymous) @ websockets.js:64
websockets.js:17 Uncaught DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.
at testWebSocket (https://blittle.github.io/chrome-dev-tools/network/websockets.js:17:15)
at init (https://blittle.github.io/chrome-dev-tools/network/websockets.js:13:3)
at https://blittle.github.io/chrome-dev-tools/network/websockets.js:63:2
at https://blittle.github.io/chrome-dev-tools/network/websockets.js:64:2
testWebSocket @ websockets.js:17
init @ websockets.js:13
(anonymous) @ websockets.js:63
(anonymous) @ websockets.js:64
websockets.html:1 Mixed Content: The page at 'https://blittle.github.io/chrome-dev-tools/network/websockets.html' was loaded over HTTPS, but requested an insecure script 'http://cdn.mathjax.org/mathjax/2.0-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'. This request has been blocked; the content must be served over HTTPS.
plugin.js:2 Uncaught ReferenceError: MathJax is not defined
at plugin.js:2
at Object.execCb (app.js:1)
at n.check (app.js:1)
at n.enable (app.js:1)
at n.init (app.js:1)
at app.js:1
(anonymous) @ plugin.js:2
execCb @ app.js:1
check @ app.js:1
enable @ app.js:1
init @ app.js:1
(anonymous) @ app.js:1
setTimeout (async)
req.nextTick @ app.js:1
s @ app.js:1
requirejs @ app.js:1
(anonymous) @ plugin.js:1
websockets.js:54 Uncaught ReferenceError: websocket is not defined
at doSend (websockets.js:54)
at HTMLButtonElement.document.getElementById.onclick (websockets.js:7)
doSend @ websockets.js:54
document.getElementById.onclick @ websockets.js:7
Hi Bret,
Love your "Down and Dirty with Chrome Dev Tools", really learned from it!
I see you already made a issue where you say you should update this on newer versions. But still I would like to give my 2 cents.
Ik have the following setting:
When walking though the topics I had the below comments/suggestions/experience:
Regards,
Derk
@blittle Great work on writing this very useful book ๐
I was wondering if you would be willing to update to a newer version of GitBook, which has many fixes and improvements as well as radically different & better default theme (check http://gitbookio.github.io/javascript/).
Simply update gitbook
through npm
, rebuild
and push to gh-pages
.
We like your book a lot, so it's one of the books we've chosen to feature on the new version of gitbook.io
(coming out later today).
The book is available at https://blittle.github.io/chrome-dev-tools
Would be great if you added it to the repository description. Something like this:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.