Thursday, March 1, 2018

Chrome Developer tools



Reference:
Open Developers Tools : Shift + Ctrl + I    or   F12


docking postion options will be at top right corner with three vertical dots.


options on right click :


Mobile view:


strikeing means :
Styles: top is most specfic , bottom is general
you could see padding and border-bottom is strike-out, it means more specific is over-written the same properties.


we can select and deselect the properties as shown below


Computed shows only the applied property or styles


in the event listener, we can see the various events associated with the element:


Console is to write Javascript :
even in Elements tab , if we press Esc key a small Console window will get open, both options are same.


extra:


Network tab:
we can disable cache so every time the requests are made to the server.




if you click on Initiator , its shows the source code where the request has started.










No comments:

Post a Comment

JMeter Simple Controller

  Simple Controller is just a  container  for user request.