google-chrome-devtools

Chrome Devtools Workspaces mapping no longer working

由 泄露秘密 提交于 2019-12-01 08:26:52
This used to work a charm, and I've set up probably a dozen times in the past, using the same hardware / software, but now it fails: The necessary permissions to edit are in place, because I can edit the file within Devtools, if I open it directly from the local workspace in the sources tab, edit and save it, but this of course is no better than using any other IDE, since I can't see and immediately persist my changes like I used to: No LESS / SASS / Taskrunner cleverness here, just plain CSS files. I've looked at Sawbuck, Devtools on Devtools, and see no errors. I've completely disabled the

What are this gap mean in Chrome devtools profile flame chart

由 那年仲夏 提交于 2019-12-01 08:05:49
Here is my javascript code, it is pretty simple: console.profile(); var count = 1000; var fn1 = function () { for (var i = 0; i < count; i++) { console.log("THIS IS FN1"); } } var fn2 = function () { for (var i = 0; i < count; i++) { console.log("THIS IS FN2"); } fn1(); } fn2(); console.profileEnd(); and this is my profile screenshot: Why there are some gap in the image, just like my black rectangle marked? What does this gap mean? You see this non-uniform sequence of gaps between log calls on top of fn2 and fn1 because the profiler is sampling and gives you only statistical information. It

Chrome Devtools Workspaces mapping no longer working

由 不想你离开。 提交于 2019-12-01 07:39:43
问题 This used to work a charm, and I've set up probably a dozen times in the past, using the same hardware / software, but now it fails: The necessary permissions to edit are in place, because I can edit the file within Devtools, if I open it directly from the local workspace in the sources tab, edit and save it, but this of course is no better than using any other IDE, since I can't see and immediately persist my changes like I used to: No LESS / SASS / Taskrunner cleverness here, just plain CSS

Simple example with window.requestFileSystem() function

由 |▌冷眼眸甩不掉的悲伤 提交于 2019-12-01 07:21:05
I have next problem: I try to use window.requestFileSystem() function in Chrome, but it failed. Look for my steps: 1)I added 'allow file access from file' flag to Chrome(see img bellow): 2)I restarted the system. 3)Then I ran the Chrome with 'allow file access file' flag. 4) After all I try to launch this sample code: function onInitFs(fs) { console.log('Opened file system: ' + fs.name); } function errorHandler(e) { console.log("Error"); } window.requestFileSystem(window.TEMPORARY, 5*1024*1024 /*5MB*/, onInitFs, errorHandler); but It failed: What's wrong in my actions? That's because this

Enable “Preserve log” in chrome programmatically using chromedriver

由 大城市里の小女人 提交于 2019-12-01 07:01:38
问题 How to enable preserve log option for chrome developer settings->Preferences->Preserve log upon navigation, using chromeoptions.add_argument or by adding the pref to DesiredCapabilities or any other way programmatically. 回答1: You can get redirects from performance logs. According to docs and github answer here is what I've done in C#, should be possible to port in Python: var options = new ChromeOptions(); var cap = DesiredCapabilities.Chrome(); var perfLogPrefs = new

How does Chrome dev tools generate CSS selectors?

由 醉酒当歌 提交于 2019-12-01 06:53:44
When adding a new style rule for an element, the selector that Chrome generates contains the entire hierarchy instead of just the class name. For example: <body> <div class="container"> <span class="helper"></span> </div> </body> Adding a new style rule for .helper will generate a selector like body > div > span instead of just .helper . Why is this? It's not possible to give an exact analysis of a browser's implementation unless I look at the source itself. But what I can say is that the browser needs to ensure that the style rule that you add will only apply to that specific element in the

How does webkit/chrome's WebInspector Resources Inspection work?

由 南笙酒味 提交于 2019-12-01 05:46:41
I always want to know how the resource inspection work in webkit/safari/chrome's WebInspector work. The browser must provide a native BPI or something for javascript to display list of queries and their timelines, what is the binary API called? Can I use the same API to write a Chromium extension? The resource requests and other DevTools/WebInspector related data is collecting by InspectorController and it's agents. (it just C++ code) After that all the data is pushing into WebInspector as JS calls of WebInspector object's methods. As you probably know all the DevTools/WebInspector's GUI is an

Is it possible to avoid breaking on a debugger statement in Chrome?

由 泪湿孤枕 提交于 2019-12-01 05:27:29
问题 I'm trying to reverse engineer a heavily obfuscated JS and one of the tricks the author does is to continuously call the debugger statement from within an anonymous function: Unfortunately, I cannot right click and Never pause it, because each time the function is called a new anonymous function is spawned. The only way for me to inspect the code with DevTools open is to toggle the Disable all breakpoints button, but that disables my breakpoints too. Is there any way to disable exclusively

The difference between 'innerHTML' and 'appendChild'

由 旧街凉风 提交于 2019-12-01 05:15:28
Watching the number of nodes in Chrome DevTools, I'm wondering what the difference in the dom tree after clicking Button1 and it after clicking Button2. index.html <html> <head> <script src="./js/main.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="style/default.css"> </head> <body> <div id="buttons"> <div class="button" id="button1">Execute1</div> <div class="button" id="button2">Execute2</div> </div> <div id="main"></div> <div id="main2"></div> </body> </html> main.js document.addEventListener( "DOMContentLoaded", function() { var button1 = document

Chrome does not show network traffic of Silverlight RIA services messages after update to version 32.0.1700.76 m

由 核能气质少年 提交于 2019-12-01 05:15:13
Couple days ago Google Chrome automatically updated from version 31.* to version 32.0.1700.76 m. After that happened it does not show in DevTools network traffic request/responses of "application/msbin1" type anymore. These requests are visible in all other browsers' dev tools (FireFox, IE) and in Fiddler, but not in Chrome. Also Chrome's popup menu in this version is very glitchy. I don't see the way to downgrade Chrome to previous version. Please help I don't want to uninstall Chrome. Network traffic does not even show resources (XAP file) a page loads. Example: http://www.microsoft.com
订阅 google-chrome-devtools