google-chrome-devtools

How to reset chrome inspector?

霸气de小男生 提交于 2019-11-30 06:42:29
Something is wrong with my Chrome inspector, I would like to reset the Chrome inspector to out of the box settings. How could I do ? (wihout removing my whole Chrome) Find the following two files and delete them. These files contain the settings for the inspector. chrome-devtools_devtools_0.localstorage chrome-devtools_devtools_0.localstorage-journal Please make sure to restart the Chrome again. Hope this helps. Aamer Shahzad Open DevTools by pressing F12 or ctrl + shift + i press F1 or click on ... on the top right corner beside cross to open settings scroll at the bottom or to the right of

Does Chrome retain each object's constructor?

和自甴很熟 提交于 2019-11-30 06:37:52
In Chrome's JavaScript console: > function create(proto) { function Created() {} Created.prototype = proto return new Created } undefined > cc = create() Created {} > cc Created {} Created is a function private to the create function; after create completes, there are no (known to me) references to Created . Yet Chrome can show the function's name at any time, starting from the object created by it. Chrome didn't achieve this by following the "naïve" approach: > cc.constructor function Object() { [native code] } > cc.toString() "object [Object]" and anyway, I didn't set constructor on the

Google Chrome Dev Tools inspect element styles not showing

非 Y 不嫁゛ 提交于 2019-11-30 06:28:53
问题 Starting a couple of weeks ago....on some of our sites, but not all, when inspecting an element, the styles tab only shows the "styles box", but not the actual styles relating to css?? - Again, this is ONLY on some sites - weird It should look like this (with styles showing on the right relating to css) BUT ......instead, on SOME of our sites, this just started a couple of weeks ago looking like this....with no css showing in the styles tab: NOTE: it has worked for 2 years - The page looks

What is the System objects in chrome javascript memory profiler

可紊 提交于 2019-11-30 06:23:31
I'm profiling javascript application using Chrome dev tools. I see that the only memory area that grows is System objects total. I wonder how could I understand what causes such behavior as there are no details in the tool showing which system objects got leaked. I've taken a look at app allocation, but it doesn't change much over time ... When I'm using timeline feature heap grows over 500mb According to the JSHeapSnapshot.js implementation in Chromium, as mentioned in a comment by wOxxOm, a comparison for the a given node distance to 100000000 is performed ( distances[ordinal] >=

How do you use chrome.tabs.getCurrent to get the page object in a Chrome extension?

a 夏天 提交于 2019-11-30 06:15:25
The code is meant to output the current tab object for the page the user is viewing to the console but it just outputs undefined. It's run from within a browser action page. chrome.tabs.getCurrent( function(tab){ console.log(tab); } ); I've looked at the documentation and as far as I can tell the code seems to match what it says. Try: chrome.tabs.getSelected(null, function(tab){ console.log(tab); }); The method getSelected() has been deprecated since Google Chrome 16 (but many articles in the official documentation had not yet been updated). Official message is here . To get the tab that is

Error 'jquery-2.0.2.min.map not found'

荒凉一梦 提交于 2019-11-30 06:13:34
问题 I'm getting this error in Google Chrome developer tools: jquery-2.0.2.min.map not found I found a way to get rid of it by removing this line from my jquery-2.0.2.min.js : //@ sourceMappingURL=jquery-2.0.2.min.map However, I don't believe this was a good idea, since this may be just a temporary fix that may be a problem in the future. Since I don't really understand the nature of this error and the goofy solution: what's causing this error and is there a better fix for it? Apparently, this is

Console.log not working at all

走远了吗. 提交于 2019-11-30 06:10:34
A bunch of code isn't working and I'm trying to identify where the problem lies but console.log() isn't logging any results in Chrome Dev tools, am I doing it correctly? $(window).scroll(function() { $('section').each(function(){ var id='#'+$(this).attr('id'), off=$(id).offset().top, hei=$(id).height(), winscroll=$(window).scrollTop(), dif=hei+off-($(window).height()); if (winscroll >= off && winscroll<=dif) { console.log('first broken'); $(id+' .sticky').removeClass('abs').addClass('fix'); } else if (winscroll > dif){ console.log('second broken'); $(id+' .sticky').removeClass('fix').addClass(

How to know in which file that defined a js global var in chrome console?

杀马特。学长 韩版系。学妹 提交于 2019-11-30 05:46:56
How to find out which file and line a variable was defined in using google chrome console? For example, the variable Native (from MooTools) has been defined in global scope. I want to know in which file that defined this variable using google chrome console. zessx Using chrome : Open the Web Inspector Show the console and check if the var you're searching for exists (ex : Native Enter ) Click on the Resources panel Enter Native= , var Native or Native = in the top right search field You've got your result ! Here, there's only one result for the Native= search. The result is automatically

How do you detect that a script was loaded *and* executed in a chrome extension?

余生长醉 提交于 2019-11-30 05:23:31
问题 I've been tracking down a bug for days... then I realized the bug was me. :/ I had been using webRequest.onComplete, filtered for scripts. My error was that I made the incorrect association between the scripts being loaded and being executed. The get loaded in a different order than they get executed, and thus the timing of the events is not in the order I need them in. I need to inject between certain scripts so I need an event right after a file has been executed and before the next one.

How to debug a Kiosk Chrome application running on a Chromebox?

蹲街弑〆低调 提交于 2019-11-30 04:59:00
A Chrome Kiosk application that I wrote has a problem only when running in Kiosk mode on a Chromebox. When staring the application manually after I log into the Chromebox it runs well. Also when testing the application on my development machine everything works well. How can I attach a remote debug session, write remote logging information or in any other way get debugging information from the Kiosk application on the Chromebox to my development machine? If you run Chrome with the --remote-debugging-port=9222 option it will provide access to DevTools at http://localhost:9222/ . Now, on a