google-chrome-devtools

问题 I have a web application which has a memory leak somewhere and I am unable to detect it. I already tried the Chrome developer tools which normally works great, but I am unable to track down the lines of code which are responsible. The Chrome tools just give me too much information and I can\'t relate the objects in memory to my code. Are there any other tools that might be helpful? 回答1: update: Lets use Record Heap Allocations profile type. open devtools profiler do a warm-up action start

问题 How can I step through my javascript code line by line using Google Chromes developer tools without it going into javascript libraries? For example, I am heavily using jQuery on my site, and I just want to debug the jQuery I have written, and not the javascript/jquery within the jquery libraries. How do I only step through my own jquery/javascript and not have to step through the millions of lines in the jquery libraries? So if I have the following: function getTabFrame() { $.ajax({ url: \

问题 I\'ve recently been working on a print stylesheet for a website, and I realized that I was at a loss for effective ways to tweak it. It\'s one thing to have a reload cycle for working on the on-screen layout: change code command-tab reload but that whole process gets much more arduous when you\'re trying to print: change code command-tab reload print squint at print-preview image open PDF in Preview for further inspection Are there tools I\'m missing out on here? Does WebKit\'s inspector have

问题 I\'m using the chrome inspector to try and analyze the z-index of a twitter bootstrap popover, and finding it extremely frustrating... Is there a way to freeze the popover (while shown) so that I can assess and modify the associated CSS? Placing a fixed \'hover\' on the associated link does not cause the popover to appear. 回答1: Got it working. Here was my procedure: Browse to the desired page Open the dev console - F12 on Windows/Linux or option + ⌘ + J on macOS Select the Sources tab in

问题 Situation : I am writing a chrome extension that works on any page. Problem Question : I can not load jQuery into Facebook and I would like to understand what is happening. Hypotheses : Facebook possess some ultra advanced tech that somehow detects both : When jQuery is loaded via a chrome extension in an ostensibly separate JSVM execution context, the Facebook megamind somehow knows about this ostensibly separate JSVM execution context, and blocks it. that jQuery is loaded via script.src and

问题 I\'m trying to follow the tutorial here. I\'m stuck on the section DOM Breakpoints (near the bottom). I went to the example site they are talking about. I pressed ctrl + shift + i and navigated to \"elements\" tab. In the elements tab I found the following html section: <div id=\"profileCard\" style=\"position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; \" class=\"goog-hovercard\"> </div> Now I\'m stuck trying to find the context menu: Bring up a context menu on the

问题 to using commands that were previously submitted by bringing focus to the console and pressing up/down key on it. I want to remove all of the recent command. I\'ve tried this command : console.clear(); but it\'s still not working properly. I even clean the whole cookies and cache in the browser. but these commands still there on the console. does anyone know how? 回答1: If you want to clear the list of last typed commands, follow these steps: ( Step 1 and 2 are important, don't skip them! )

问题 According to Google this you to be accomplished by visiting \"chrome-devtools://devtools/devtools.html\" in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector. To reiterate my \"title\" this is in reference to \"inspecting\" the inspector. Not just inspecting a normal webpage. And while I don\'t think it\'s necessary to know to resolve the issue, I\"m inspecting the inspector so I can style it as discussed by Paul

问题 I have HTML5 application which opens in a new window by clicking a link. I\'m a bit tired of pressing Shift + I each time I want to logging network communication to launch Developer tools because I need it always. I was not able to find an option to keep Developer Tools always enabled on startup. Is there any way to open Developer tools automatically when new window is opened in Chrome? 回答1: UPDATE 2: See this answer . - 2019-11-05 You can also now have it auto-open Developer Tools in Pop-ups

问题 I cannot seem to get the DevTools Devices feature to work on my Samsung Galaxy S4 even after following the steps outlined at https://developers.google.com/chrome-developer-tools/docs/remote-debugging My device has Chrome v32 and Chrome Beta v33, while my PC has Chrome v33 and Chrome Canary v35. USB debugging is enabled on my device and device driver has been installed. I have never got the prompt as outline in step 3 from the above link to approve the RSA key fingerprint yet the device does