Using Chrome Dev Tools To Investigate a Web Application Bug

In this video I investigate a secondary defect on Github that I found when creating a demo video for my CounterString Chrome Extension.

You will see:

- using chrome dev tools to support testing
- using Chrome Mobile Simulator to check layout
- manipulating the DOM to create a 'fix'
- using Chrome Dev Tools Console to check for JavaScript errors

If you find this useful then you might like my online course on Technical Web Testing

---

Hire me for consultancy and buy my online books and training at:

[thienhuynh]

Thank you Sir. I'm not good at English. But I got your point, when we do exploratory testing if we get the ideas, we should note them down and prioritize it later, we always need to stay focus and ask questions what are we doing, what do we want to achieve and if these are done, we back to the prioritized ideas. That is my understading.

[darioalejandrodiaz]

Another great video Alan, you're on fire :) You're convincing me of becoming a Patron, will do it in the near future

[Iamthealmighty]

thankf for this. may i ask what combination of software/hardware you use for recording your screen, yourself and the voice over?

[mazentarek]

I’am a junior pho developer I was working on kind a similar bug where the X button is there and disappeared after performing certain requests, where you suggest to look at ?

[saathvikam]

Nice.. can u please give more ideas in identifying the bugs in the ctrl+shift+I.. I mean in inspect mode. Please