google-chrome-devtools

Idea: Conditional Chrome theme based on environment [closed]

五迷三道 提交于 2019-12-03 05:24:50
Closed . This question needs to be more focused. It is not currently accepting answers. Learn more . Want to improve this question? Update the question so it focuses on one problem only by editing this post . As a web developer I'm constantly working on projects in different environments (local, staging, testing, production). I mostly work on Drupal projects. I can't tell you the number of times I've been led from local to production by just browsing the site. And then accidentally changing a setting on production that was really only supposed to be changed on my local environment. So here's

How can I inspect element in chrome when right click is disabled?

余生颓废 提交于 2019-12-03 05:23:37
问题 I want to debug a info box that shows when I mouse over a google map marker. But google map disables right click anywhere on the map canvas, so I can't inspect the element for debugging / viewing purposes. I tried to search for the element by the href content in the elements tab, but it didn't show up on search. Is there a way to inspect element despite the lack of right click? 回答1: Sure, you can open the devtools with Ctrl + Shift + I , and then click the inspect element button (square with

Can't see dynamically loaded code in Chrome Developer Tools 22

大城市里の小女人 提交于 2019-12-03 05:07:09
问题 When I dynamically load a snippet of html containing javascript via AJAX, I cannot see that content in the source tab in the developer tools window in Chrome 22.0.1229.94. Tellingly, I went here https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic This page shows an example developer tools window which is out of date. There is a button on the page to load a dynamic script and it does not show up in the source tab when you do. As a work-around, I have found

Developer Tools - preserve console record [duplicate]

99封情书 提交于 2019-12-03 05:03:22
This question already has an answer here: How to make Google Chrome JavaScript console persistent? 5 answers For Network, Profiles and Timeline, there is a record button, which preserves the log. Is there anyway I can do the same for console log? Sometimes, if there is an error in the script or during post submission, the page stop rendering or redirects and the console log clears. Is there any way to see the previous logs. Currently not possible. Star this bug report , hopefully it will be implemented one day. Click the settings button in the lower right corner. Under General > Console check

Disable script editing in chrome developer tools

橙三吉。 提交于 2019-12-03 04:59:46
I use Chrome Developer Tools to debug my JavaScript code, but I have one pet peeve with the way Chrome lets you edit the JavaScript files under the Scripts tab. Sometimes, I do not realize that I am in Chrome and I start making changes to the code under the Scripts tab, only to realize when I refresh that the changes I had just made were never saved to disk! I was wondering if there is way to make the code shown in the Scripts tab read-only, so that if I try to edit the file in Chrome, I'll see that it's not editable and then realize that I'm not in my IDE. Paul Sweatte Use the following

simulate keyboard input / insert string into textarea (adwords)

自闭症网瘾萝莉.ら 提交于 2019-12-03 04:56:19
I am trying to scrape keywords from https://adwords.google.com/ko/KeywordPlanner/Home using CefSharp (version 43) I am able to log into the adwords portal programmatically. However, whenever I try to insert some text (search keywords) into the specific textarea ( id="gwt-debug-keywords-text-area" ) by assigning element.value , element.innerText and element.innerHtml to the desired string, but nothing happens. var txtElem = document.getElementById("gwt-debug-keywords-text-area"); txtElem.addEventListener("keydown", onKeyPress, false); function onKeyPress(e) { alert(e.keyCode); } function

Chrome developer tools: View Console and Sources views in separate views/vertically tiled?

佐手、 提交于 2019-12-03 04:50:29
问题 Chrome developer tools: Is there a way to view the Console tab and the Sources tab in separate views? I often want to look at both of these simultaneously. Pressing Esc when on the Sources tab will let me see a small view of the Console at the bottom. But I'd like a larger view of the both at the same time. Is this possible? If not, is this something that a chrome extension might be able to do? Edit: Clarification - I know how to undock the dev tools window (that's my default setup). Just

Chrome dev tools settings: where is the Experiments tab to Allow custom UI themes?

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-03 04:39:08
I am using chrome version 36+ according to this page, I should be able to allow custom themes using the following instructions: Installation Instructions Add this theme Goto chrome://flags and Enable Developer Tools experiments. Open developer tools settings, select Experiments tab, and check 'Allow custom UI themes' . Reload devtools. I do not see such a tab in the dev tools settings. I see only 'general', 'workspace', and 'shortcuts' Gurjit These are some simple steps to follow, hope it will be helpful. Open a new chrome tab, type chrome://flags Find, "Enable Developer Tools experiments."

Can I view/modify the Redux store using Chrome Dev Tools

寵の児 提交于 2019-12-03 04:32:40
React Dev Tools is great for working with Redux, I can simply go in and modify props / state to see the affect on the relevant Container. However if the required Container isn't mounted I need to directly modify the Redux store to make it appear. Is this possible with Chrome Dev Tools, I am able to find the Redux store, it is the top level <Provider /> component, I can even see the getState method, but is there anyway to modify the underlying state? Marek Dorda Yes, you can. There is a great Redux DevTools Extension for Chrome/Firefox/Electron which adds a new Redux tab to devtools: You can

Chrome network Timing , how to improve Content Download

谁说我不能喝 提交于 2019-12-03 04:32:14
I was checking for XHR calls timing in Chrome DevTools to improve slow requests but I found out that 99% of the response time is wasted on content download even though the content size is less than 5 KB and the application is running on localhost(Working on my local machine so no Network issues). But when replaying the call using Replay XHR menu, the Content download period drops dramatically from 2.13 s to 2.11 ms(as shown in the screen shots below). Data is not cached at browser level. Example of Call Timing Same Example Replayed Can someone explain why the content download timing is slow