google-chrome-devtools | 易学教程

Chrome remote debugging in a seleniumgrid

阅读更多关于 Chrome remote debugging in a seleniumgrid

Im running a selenium-grid with several chrome instances. The selenium grid are 2 machines(windows) with several nodes. The tests are executed from another machine which connects to the grid. To be able to use the features of remote debugging, i need to connect from the executing machine(which can read the sessions host and the drivers debugUrl) to the other machines and finally the chrome instances. But chrome rejects anything else than localhost. I can only find solutions, where people tunnel or port forwarding, which is perhaps ok, when there is only a single instance. In a grid i don't

How do I cd into an iframe in chrome developer tools or firebug lite in chrome?

阅读更多关于 How do I cd into an iframe in chrome developer tools or firebug lite in chrome?

问题 when I try cd, console says "cd is not defined" 回答1: Yes, you are right Firebug have this awesome command. I really like it. It's making wotking with iframes much easier. Personally I don't go to Firefox just because the cd() is available in it because I can do whatever I can do with cd in chrome dev tools too. Just use contentWindow keyword in your command prompt to access the iframe window Object. Then you will be good to access any function and variable out there. For example I have a

Asp.net MVC page is giving Mime type warnings for image files

阅读更多关于 Asp.net MVC page is giving Mime type warnings for image files

问题 While I do not see any functionally or jquery UI elements affected by this, but when I access my asp.net mvc web page the chrome developer console is logged with a bunch of error messages like so: Resource interpreted as image but transferred with MIME type application/octet-stream. All of the warnings are for jquery UI images (though I don't have any custom images on there so I don't know if it's jquery UI only). All the jquery images still load correctly. Does anyone have any insight on why

chrome devtools inconsistency array length

阅读更多关于 chrome devtools inconsistency array length

I seem to have stumbled upon an inconsistency in Chrome DevTools. Above is a screenshot from the devtools. At first I am told that the printed object contains a Body and a Head . The head should be an array of length 1. When I expand, this array suddenly becomes length 2. When expanding the array in question I get the following; So there seems to be an empty string in the array as well. This empty string is what is causing some problems with my code which is what prompted me to investigate. I am mostly concerned with the DevTools output though, can anybody think of a reason why devtools would

How do I enable/disable google chrome extensions via console

阅读更多关于 How do I enable/disable google chrome extensions via console

问题 Today, while opening Google Chrome, I realized that there is no easy way to enable or disable an extension without going to one of the following locations: chrome://extensions clicking on Tools>Extensions>Enable/Disable The reason why this is so important, is because of the resources it takes up. For example: I will be starting up my computer, and I immediately want to open Google Chrome quickly. Let's say, for instance, that I am running 100 processes before I open Chrome. However, once I

Is it possible to open multiple instances or split view of chrome developer tools tabs?

阅读更多关于 Is it possible to open multiple instances or split view of chrome developer tools tabs?

I want to debug code at the same time as I see what is being sent on the network tab without having to go back and forth between the Network tab and Sources tab . Is there a way to do this as of chrome Version 52.0.2743.82 or Version 54.0.2810.2 canary? I know that it is possible to log http request in the console which can be visible with other tabs open but I want the actuall networks tab if possible.. Thank you in advance You can view 'Quick source' while viewing the Network panel (or the other main panels) at the same. This will allow you to view the source and add breakpoints. However, it

Chrome DevTools extension: how to get selected element from elements panel in content script?

阅读更多关于 Chrome DevTools extension: how to get selected element from elements panel in content script?

问题 I've done my research and struggled with this for a while, but I need your help. I'm building a Chrome DevTools extension. It should should pass the currently selected element from the 'Elements' panel as a reference to a JS object defined in a content script. It is important that I pass the reference to the selected element, or some other way of identifying the element from the content script. I understand the workflow with 'isolated worlds' in Chrome DevTools. I also understand messaging

How to make CSS sourcemapping work in Chrome with Compass (SASS)

阅读更多关于 How to make CSS sourcemapping work in Chrome with Compass (SASS)

the thing is that I'm trying to get CSS mapping working with my Compass project in Chrome (v38, OS X) so It reloads my CSS without the need to reload page. I followed this https://developer.chrome.com/devtools/docs/css-preprocessors and also this http://www.sitepoint.com/using-source-maps-debug-sass-chrome/ I have fully working Compass project and I'm compiling using compass watch . Into Config.rb I have added sourcemap = true and .map file has been successfully created. When I load my site, I can see .map file loaded in Network tab in Console (status code 200) Enable CSS source maps and Auto

Is it possible to view multiple Chrome devtools panels at once?

阅读更多关于 Is it possible to view multiple Chrome devtools panels at once?

问题 Is there a way to view multiple Chrome devtools panels at the same time? A split window, like this mockup, would be nice: Or in separate windows. It would be extremely useful to be able to view the Sources panel and Network panel at the same time, to see exactly when network requests are fired while stepping through code. The console can be pulled up while inside any other panel by clicking or pressing esc , so why not the other panels? I haven't found much by searching, but maybe this is

“Un-redefining” Google Chrome's console Object

阅读更多关于 “Un-redefining” Google Chrome's console Object

问题 I'm dealing with a system where the following Javascript code (which is out of my control) is being executed early in the page if (!("console" in window) || !("firebug" in console)) { var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"]; window.console = {}; for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {} } This code appears to be used to create a mock