google-chrome-devtools

Overrides page in Chrome Developer Tools gone in latest Canary

我只是一个虾纸丫 提交于 2019-11-30 02:40:16
In Chrome (version 32.0.1677.0 canary Aura), I can't find the overrides tab/page in the Developer Tools settings. (It used to be placed between the "General" and "Workspace" tabs. Did they move it, or did I forget to enable something? Alex W Hit Esc to open the console drawer, then you can open the Sensors tab via the drawer menu on the left. Sensors provides geolocation and accelerometer settings. Additionally, the newer Device Mode captures the basics of mobile device emulation. Seems like the "Emulation" button only is available from Console, when Console is opened from one of the other

Using Google Chrome remote debugging protocol

怎甘沉沦 提交于 2019-11-30 01:59:55
I need to get the network events from Chrome. I've found this: https://developer.chrome.com/devtools/docs/debugger-protocol https://developer.chrome.com/devtools/docs/protocol/1.1/network#command-enable It seems that Chrome uses a port to get messages, answer and send events, for remote debugging. It says it uses JSON, so I decided to try it. So, I wrote some simple java code that opens the port that chrome is listening on (ofcourse i've started it by using google-chrome --remote-debugging-port=9222 on my ubuntu machine). I have a thread that writes to stdout anything coming from this port,

Chrome dev tools console completely blank

蓝咒 提交于 2019-11-30 01:47:55
问题 The problem is not that my console.log is not printed in the console. The problem is that the console is initially blank. I need to switch the tabs back and forth to get it working. Steps to reproduce: 1. Open Google chrome 2. Open some page 3. Open the console with Ctrl+Shift+I or F12 I even reinstall the browser (I kept the settings, because I can't afford to delete everything). Of course I removed all the extensions and disabled all the plugins. Still the same thing. Is there any

What does it mean when Chrome Dev Tools shows a computed property greyed out

十年热恋 提交于 2019-11-30 01:39:40
Please note, not the Styles panel (I know what greyed-out means in that context—not applied), but the next panel over, the Computed properties panel. What does it mean when a Computed property is shown greyed out? Example: NB: This answer has no solid evidence, it's based on my observations along the time. The gray calculated properties are neither default, nor inherited. This only occurs on properties that were not defined for the element, but calculated from either its children or parent based on runtime layout rendering. Take this simple page as an example, display is default and font-size

Javascript call programmatically the “Save as PDF” feature of Chrome dialog print

和自甴很熟 提交于 2019-11-30 01:31:09
Google Chrome have the option "Save as PDF" when you enter the Print dialog or window.print(). The user need to choice this option in dialog to save the page as pdf. Can I call some funcion or pass an argument to window.print() in chrome to "print" the page as a pdf without the print dialog appears? Any ideas? Unfortunately there isn't any param you could pass to window.print(); and force it to print pdf unless there is a pdf driver plugin already present on the client's browser. There are plugins for firefox and IE (JS Print Setup and MeadCo Script respectively). You may want to look at MrRio

Viewing HTML response from Ajax call through Chrome Developer tools?

不想你离开。 提交于 2019-11-30 00:45:15
问题 So in my javascript I'm making an ajax call to a service on my website. Whoops, something fails. No problem. Here's what I'd do in Firefox: Open the firebug console Find the failed Ajax call and click the + sign to see more info. The response tab has the raw HTML. Who wants to read all that? I click the HTML tab. Ah, the nicely formatted HTML returned by Django shows my divide by zero error. Now here's what I currently do in Chrome: Ctrl+Shift+J to open the Developer Tools Go to Resources

Reuse/restart the same node inspect session

佐手、 提交于 2019-11-30 00:27:21
问题 Once a node.js program has run to completion in the context of an --inspect session (i.e. via the Chrome dev tools debugger) is it possible to re-start it without having to re-issue the --inspect command from the command-line? The issue with re-issuing an --inspect command is that it generates a different chrome url every time and one has to then copy-paste this into Chrome each time. Ideally I want to be able to push F5 to re-start the chrome debug session. So two issues: I cannot restart

How do I prevent Chrome developer tools from closing when the current browser window closes?

强颜欢笑 提交于 2019-11-29 23:27:42
I'm trying to use the chrome developer tools to debug an issue I'm having with Twitter oauth. When the oauth window appears, I open the developer tools to monitor the requests - but as soon as the oauth window closes the developer tools window is also closed. I'd like to be able to keep the developer tools window open so that I can inspect the requests made. Is this possible? Not a perfect solution, but you can add breakpoints on the events Window.close and unload by turning on the checkboxes at: Developer tools -> "Sources" tab -> Event Listener Breakpoints -> Window -> close And Event

Javascript memory and leak problems

淺唱寂寞╮ 提交于 2019-11-29 23:09:45
My site is pretty standard ecom site, it isn't a JS backed standalone app or anything, it's just a site which uses JS for standard stuff, as well as some jquery plugins to do a few things. I'm trying to do some JS memory evaluation on my site. I've done this by looking at the Chrome Task Manager and through Heap Snapshots. Initailly my site on first load sits between 35MB (i.e 35,000K) and 40MB on the task manager. This is the largest of any tab, if I have several tabs of other websites open at the same time. If I refesh the page it jumps up to 55-60, another refresh sees it jump to 65-70MB.

How to visualize log of chrome DevTool protocol messages?

自闭症网瘾萝莉.ら 提交于 2019-11-29 22:58:13
问题 I use Selenium and Chrome driver and also enabled performance logging to provide better visibility to problems during the test. Performance log seems to be a json array that includes chrome's DevTool protocol messages. Is there any tool existent that allows me to visualize this log like in Chrome's dev tools tab. Below is sample entry from the log: { "message": { "method": "Network.requestWillBeSent", "params": { "documentURL": "https://******/", "frameId": "15976.2", "initiator": { "type":