![inspect element chrome instagram inspect element chrome instagram](https://cdn.tgdd.vn/2020/07/content/cach-dang-hinh-tren-instagram-bang-may-tinh-don-gian-de-lam-10-800x624.jpg)
The reason we choose context menu rather than other events due to it’s rarely used, so we can make sure our breakpoint event can easily trigger and uniqueīut this way also have one drawback that it need one trigger to force stop the application which is not suitable in some case. To use Event listener breakpoint, we just simple open chrome developer tool (by pressing F12), navigate to “Sources” tab, expand “Event Listener Breakpoints” and check “contextmenu” under “Mouse” event.īy doing this, we force the application jump right to the breakpoint whenever we trigger a right click event, stop their functionalities and let’s us do whatever we want while the application is in “sleep mode”. The first way is using Event Listener Breakpoint Both of them base on the idea that we put a break point and force the website run into that breakpoint, by doing that we can force it stop their behavior and we can do everything wen want
#INSPECT ELEMENT CHROME INSTAGRAM HOW TO#
To make our life become easier, in this blog I gonna show you 2 ways how to force the web stop immediately in order to use inspect element tool to inspect something only visible in a short period of time. The example below show you how difficult to inspect tooltip content element that will disappear very quickly For example: tooltips, popups or something happen very quickly. But the problem is whenever we run inspect element tool, the style we want to inspect is disappear immediately regardless of how much effort. So the easiest way to answer that question is using inspect tool to inspect that element. There are some cases when we suffering the web and see something with interesting style, amazing animation, you’re curious and want to know to how the web’s author implement that, especially if you’re a web designer.