google-chrome-devtools

IBM Worklight - How do I enable WebView debugging in Android?

笑着哭i 提交于 2019-12-03 03:24:50
Since Chrome has an awesome feature for remote debugging, I am wondering how this could help in developing in Worklight. In the following docs they say to debug the contents of your WebView, you need to enable it programmatically from within your application by calling setWebContentsDebuggingEnabled, a static method on the WebView class. Where can I find this class and will this be beneficial to do it in Worklight? https://developers.google.com/chrome-developer-tools/docs/remote-debugging?hl=nl#debugging-webviews Please note that WebView debugging is only relevant for Android 4.4 "KitKat" and

Undock Chrome Developer Tools

强颜欢笑 提交于 2019-12-03 03:13:35
问题 How do I undock the Chrome Developer Tools in Chrome? Pressing the left bottom corner just moves it to the right side. (source: github.io) 回答1: Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option. (the docking option with the red circle around it, is undock) For older version of Chrome, press and hold the corner button You can also undock/dock-to-left/dock-to-right/dock-to-bottom from the Command Menu. Press Cmd + Shift + P (Mac) or Cmd + Shift + P (Windows, Linux,

Chrome debugger, horizontal scrollbar blocking variable values on hover

試著忘記壹切 提交于 2019-12-03 03:12:52
This has been happening for a few weeks now. Can't find anything on the net, anyone have any idea what's going on and how to fix it? Screenshot Note: I'm hovering over a variable containing a string. The real fix here is to zoom in/out in the console window, or reset the zoom with Ctrl + 0 Yup, that's a bug ! You can star the issue (hollowed out star icon on the left-hand side by the issue number heading) to show it is affecting you as well. Looks like it might be due to an altered default browser font size... I'll do some digging here this evening and see if I can come up with anything to

How do you inspect a react element's props & state in the console?

て烟熏妆下的殇ゞ 提交于 2019-12-03 02:57:26
问题 React Developer Tools give a lot of power to inspect the React component tree, and look at props, event handlers, etc. However, what I'd really like to do is to be able to inspect those data structures in the browser console. In chrome I can play with the currently selected DOM element in the console using $0 . Is there a way to extract React component info from $0 , or is it possible to do something similar with the React Dev Tools? 回答1: Using React Developer Tools you can use $r to get a

Check all Checkboxes in Page via Developer Tools

心不动则不痛 提交于 2019-12-03 02:54:48
问题 I have a loop that creates 20 check-boxes in the same page (it creates different forms). I want via chrome developer tools to run a JavaScript without the use of any library that CHECK all check-boxes at the same time. This is as far as I got: function() { var aa= document.getElementsByTagName("input"); for (var i =0; i < aa.length; i++){ aa.elements[i].checked = checked; } } PS: I have searched and found a lot of Questions in Stack-Overflow but none worked for me, I'll be glad if someone

Google Chrome for Android Remote Debugging - “localhost:9222” Not Available

爱⌒轻易说出口 提交于 2019-12-03 02:44:44
问题 I'm following the steps to enable remote debugging (https://developers.google.com/chrome/mobile/docs/debugging). When I reach step 4, Chrome for Desktop returns with "This webpage is not available". "Enable USB Web Debugging" is checked in Chrome for Android. "USB Debugging" is enabled on my device (rooted Nexus S, CM9). The "adb devices" command return with, " device number device". The "adb forward..." command returns with: * daemon not running. starting it now on port 5037 * * daemon

How do I view the storage of a Chrome Extension I've installed?

馋奶兔 提交于 2019-12-03 02:10:21
问题 It seems like it should be possible to view the localStorage / chrome.storage of Chrome Extensions installed on my browser. I've played around with the Developer Tools a bit, but haven't found a way to do this. Any ideas? 回答1: There is a very helpful extension to work with both localStorage and chrome.storage that I recently discovered, that works as a Dev Tools panel. Storage Area Explorer I did not write this, but it was suggested by the author on some other SO question. 回答2: I will proceed

How to go to a specific file in Chrome Developer Tools?

纵饮孤独 提交于 2019-12-03 02:06:48
问题 I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files. When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools. Is there any shortcut or action I can make that will let me type the name of a file and will take me to

Can I add a resource using Chrome Dev Tools?

孤者浪人 提交于 2019-12-03 01:55:54
I'm viewing a webpage using Chrome. The original source does not include jQuery, but it'd be really helpful to use some jQuery functions to inspect the DOM. It would be a pain to alter the source to include the jQuery script, so is it possible to use Chrome Developer Tools to load jQuery to the DOM after the page loads? Alternately, is there a native JavaScript function that could perform the load? I tried to edit the head tag to include the <script src="/path/to/jQuery.min.js"></script> tag, but that doesn't actually load the jQuery.min.js file. Unfortunately, Modernizr and other asset

What do the “Not optimized” warnings in the Chrome Profiler mean?

[亡魂溺海] 提交于 2019-12-03 01:48:46
问题 When I use the Developer Tools in Chrome to collect JavaScript CPU Profiles, I am getting two mysterious warnings on functions: Not optimized: optimized too many times Not optimized: inlining bailed out What do these actually mean? and what are some possible solutions? Another one I've seen is Not optimized: TryCatchStatement , but that makes sense. Solution is to remove the try-catch. The closest attempt at an explanation I've found so far was this - https://github.com/GoogleChrome/devtools