Inspecting drop down menus in new Chrome -


i'm on chrome version 41.0.2272.101 m (newest), , update messed up. put it, when have inspector open, dom change flash purple on changed element (like in firefox), cannot inspect hovered object (also in ff, why don't use when doing front end developing).

i'm talking js triggered events, superfish instance. before, hover menu, , cover menu inspector, , menu stay opened, , go in inspector see pseudoelements created, change paddings , such directly, , see change. now, when hover menu, , right click inspect it, menu closes, , cannot inspect it!

i tried dragging inspector over, nothing helped. new 'feature' annoying hell. there way inspect js triggered events, without putting break points on elements (which works, kinda pain in ass)?

hover on element mouse , press f8 (this work in chrome) pause script execution. hover state remain in visible you. if you're on mac, may have open system pres , check off "use f1,f2,etc" check box.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more