developer-tools

Searching for HTML elements in Chrome DevTools

天大地大妈咪最大 提交于 2020-07-31 06:42:47
问题 On this website, there's a div with the attribute class="item" . When I clicked F12 to bring up the Developer Tools. I pressed Ctrl + F and typed in class="item" and no results came back. I also tried Ctrl + Shift + F but nothing returned. Here is a screenshot: Even if I search for class= , only text within HTML comments are found. Thanks in advance for any help you are able to provide. 回答1: I searched for the XPath of the element instead and it worked: //*[@class="item"] 回答2: Late answer but

Does opening browser developer tools affect application performance?

风格不统一 提交于 2020-07-08 10:37:11
问题 I would like to know if opening browser developer tools really affect the application performance in any way. It's not about just considering opening the developer tools in the same window, it can be in a new window or the same window. Also is there any difference in application rendering/performance if developer tool is not opened vs opened state? 回答1: Yes, opening the developer tools of a browser has influence on the page's performance. This is because they observe different aspects of the

How to manage “uncaught exceptions” in JavaScript in order to show the error message in the user interface?

情到浓时终转凉″ 提交于 2020-06-29 03:40:40
问题 When a Uncaught Exception is thrown in some website or web application, an error appears in the Develper tools in each browser In Electron for instance, if an uncaught exception, the developer can set a listener and do whatever I want with the error message: process.on('uncaughtException', function (error) { // Handle the error } So, I wonder if there is an easy way to do the same in JavaScript. This could be useful in order to record and store common errors when the users are working, or in

Auto record and save chrome developer tools profiling data on page load?

╄→尐↘猪︶ㄣ 提交于 2020-01-21 18:18:26
问题 Chrome developer tools has an option to Start/Stop Recording profiling data with respect to Memory,Paint,Screenshots,JS Profile on the Timeline tab. Once I refresh a page the recording begins automatically and stops when the page has loaded. Is there a way to 1)Start this recording in the background automatically without needing to open developer tools in chrome/node-webkit window . Maybe the recording can be enabled via some Chrome API which can be called when the application loads 2)Dump

Chrome devtools not showing less files

人盡茶涼 提交于 2020-01-17 02:54:07
问题 I'm so close to being able to actually start actually using less, but for one final roadblock: I can't get the less files to show up in Chrome Developer Tools. I gotta have my developer tools. I'm using Codekit to compile the less to CSS and to generate the source map, both of which CK seems to be doing. Chrome is even auto-refreshing when I save less changes. But there is only one css file referenced in the inspector, and that is the master, compiled bootstrap.css file. At one point I saw

Firefox Performance Analysis Tool showing two greyed out circles in loading state instead of a pie chart with values

妖精的绣舞 提交于 2020-01-16 01:21:10
问题 On Firefox 66 on Windows 10, I see the performance analysis tool in the Network tab of the Developer Tools . I click the stop watch icon to start performance analysis for the requests. But I see the pie charts greyed out and in the loading state always, no matter how long I wait. Why aren't they showing the performance metrics? Do I have to turn some setting on? 回答1: You need to refresh the Firefox. From Reset Firefox preferences to troubleshoot and fix problems Resetting preferences (zoom,

Is it possible to audit multiple pages with Chrome Developer tools?

隐身守侯 提交于 2020-01-12 18:51:16
问题 I am trying to find out unused CSS class in my website, and then I found that there is a audit function in Chrome developer tools that will mark unused CSS classes. However, it is only doing one page at a time. Is there a way to make it audit multiple pages so that I can find out CSS classes that are not used in all pages? I know there is a Firefox plugin Dust-Me that do the job. I am asking just to find if I can do that with Chrome alone, as I am more familiar with Chrome Developer tools.

Is it possible to audit multiple pages with Chrome Developer tools?

安稳与你 提交于 2020-01-12 18:50:34
问题 I am trying to find out unused CSS class in my website, and then I found that there is a audit function in Chrome developer tools that will mark unused CSS classes. However, it is only doing one page at a time. Is there a way to make it audit multiple pages so that I can find out CSS classes that are not used in all pages? I know there is a Firefox plugin Dust-Me that do the job. I am asking just to find if I can do that with Chrome alone, as I am more familiar with Chrome Developer tools.

Android - How to check if Developer option is enabled

人走茶凉 提交于 2019-12-30 06:33:34
问题 How can I check if the user has developer option enabled on its device? (not with adb comunication active, or debug USB active, I need to know only if Developer Option are enabled). I've tried this solution: How to check programmatically whether app is running in debug mode or not? but it doesn't work for me. Thanks in advance 回答1: try this: int adb = Settings.Secure.getInt(this.getContentResolver(), Settings.Global.DEVELOPMENT_SETTINGS_ENABLED , 0); 回答2: You should use getInt or another in

Google Developer Tools “Network” Tab clears after redirect

帅比萌擦擦* 提交于 2019-12-29 11:30:34
问题 Google Developer Tools "Network" Tab clears after redirect to another page and i want to know if there is any way to keep all request? I want to do this because i want to verify one POST request but it redirects and get cleared. In firebug we can use the "Persist" option: (The "Persist" option prevents clearing the console at a page reload. That means, the messages will stay inside the console as long as this option is enabled.) https://getfirebug.com/wiki/index.php/Console_Panel 回答1: In the