google-chrome-devtools

Chrome Dev Tools - Workspace mapping mismatch

会有一股神秘感。 提交于 2019-11-29 00:27:44
问题 I have a remote webpage that loads a remote JavaScript file called script.js . I don't have immediate access to the remote filesystem to make changes to test something. So I copy script.js to my local drive, and in Chrome Dev Tools I add my local folder to the workspace. Then I right-click on my remote script.js file and pick Map to File System Resource... . I pick my local script.js . So now I would expect my locale changes to script.js to override the remote script.js , right? This way I

Overrides page in Chrome Developer Tools gone in latest Canary

心已入冬 提交于 2019-11-29 00:17:50
问题 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? 回答1: 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. 回答2: Seems

How to simulate pinch zoom in Google Chrome?

徘徊边缘 提交于 2019-11-28 23:39:07
问题 I'm developing a pinch zoom feature for a mobile app written in javascript and I want to test this in Google Chrome with the mobile device emulation feature. But I cannot find a way to test a pinch gesture. I tried everything I could find on the internet (pressing Shift and moving the mouse, pressing Alt and moving the mouse), but none of this worked. Is there even a "native" way in Google Chrome to simulate a pinch zoom gesture? btw I'm using the MacOs version of Google Chrome version 59.0

Chrome Heap Snapshot - Why it doesn't show all the memory allocated?

拈花ヽ惹草 提交于 2019-11-28 23:11:47
I'm running some memory usage tests in a WebGL project that I have. If I start the page on Google Chrome and take a heap snapshot on the Profiles tab of Developers Tool, it will say that my page is holding 7.5 MB. The problem is if I look into Task Manager, the real value that it is using is almost 1 GB! It is expected, since I am really forcing the page to have thousands of objects, but the question is: why Chrome shows to me that I am using only 7.5 MB? update there was native memory snapshot that was able to show you the native memory graph. Unfortunately we removed it because it was a

Auto-scrolling Chrome's DevTools console

喜欢而已 提交于 2019-11-28 22:30:59
Since its inception few years back, Chrome has become a de-facto IDE for web development. I've been using it's Canary(Version 28.0.1464.0) channel for quite a bit and been happy as a clam. Only issue that keeps bothering me is the lack of ability to have the DevTools console pane, auto scroll to the last message added. I understand that many folks would prefer to have the current behavior. However I was wondering: Does anyone knows how (if even possible with the current release) to flip the switch and have the console auto-scroll? Thanks. joeytwiddle Clearing the console and scrolling the bar

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

我们两清 提交于 2019-11-28 20:43:23
问题 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: 回答1: 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

Resource interpreted as Document but transferred with MIME type application/json warning in Chrome Developer Tools

人走茶凉 提交于 2019-11-28 20:05:42
I have the following snippet, which uses the jQuery Form plugin to post a form to the server (in ajax). var options = { dataType: "json", success: function(data) { alert("success"); } }; $form.ajaxSubmit(options); The form: <form enctype="multipart/form-data" id="name_change_form" method="post" action="/my_account/"> <div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='6c9b552aaba88b8442077e2957e69303' /></div> <table> <tr> <td> <label for="id_first_name">First name</label>: </td> <td> <input name="first_name" value="Patrick" maxlength="30" type="text" id="id_first

Can I tell the Chrome script debugger to ignore jquery.js?

时光总嘲笑我的痴心妄想 提交于 2019-11-28 19:59:15
Is there a way to tell the Chrome debugger (or maybe Firebug?) to not break within certain files? To assume they're not broken, essentially? This seems like something they might build in. Nirmal Patel Blackboxing JS files is now possible in Firefox https://developer.mozilla.org/en-US/docs/Tools/Debugger And in Chrome Canary using Experimental Dev tools. http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/ Update . In Chrome v. 75 there is a separabe tab for blackboxing . Above works in stable Chrome build as well now. The latest version of Chrome has

Interacting with require.js modules from the Firebug/Chrome console?

回眸只為那壹抹淺笑 提交于 2019-11-28 19:41:28
问题 I'm just getting started with require.js. I have successfully wrapped jquery, some plugins, and a couple of my own modules. I'm trying to interact with my modules (or jquery) from Firebug (or Google Chrome's JS console), and I'm not having much luck. What is the correct way to access these modules from the console? 回答1: Say we have module /app/scripts/methodsModule.js that returns a few methods: define({ someMethod: function() { // do stuff }, anotherMethod: function() { // do some more stuff

Backbone.js Memory Management, Rising DOM Node Count

时光总嘲笑我的痴心妄想 提交于 2019-11-28 19:35:18
Situation : I'm working on a pretty decently complex single page Backbone app that could potentially be running for 8-12+ hours straight. Because of this, there's a need to ensure that the application won't leak and have a reputation for crashing after X hours or slow down dramatically. The Application : The app is built on Backbone (mv*), Zepto (similar to jquery), Curl (amd loader) & Mustache (templating). Problem : I've just conquered the event listeners. The garbage collector seems to be doing a fine job cleaning these guys up, but the DOM Node Count won't stop climbing. Questions : Is