w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Use link to open source Google Chrome Developer Tools Sources tab
I agree you would probably need a plugin. You can however create a view-source link (though no line numbers): <a href="view-source:http://stackoverflow.com/questions/18660106">view source</a>

Categories : Javascript

Why I'm not able to view the source of any js file in Google Chrome?
I'm taking a guess here: it has to do with the Content-Disposition setting in the Response Header. Reference: http://support.microsoft.com/kb/260519.

Categories : Google Chrome

Inspecting source code with vim, ctags and other tools
Some of what you want (the "listing" part, at least) can be done with TagList or TagBar but I'm afraid you are confusing Vim with an IDE.

Categories : Python

Getting jquery selectors using chrome dev tools
$ is a function, just like any other function function sum(value1, value2) { return value1 + value2; } it is called like var result = sum(2, 4); Therefor, selecting a element using jQuery would look like this: var result = $("a");

Categories : Jquery

Chrome Developer Tools can't see javascript
The weird thing is that instead of the tab being labeled MyJavascriptFile.js it reads VM or some other number. This is because you are accessing your script through localhost, and therefore running into security policies. If you host your file at an IP or domain name, you'll be able to debug normally again.

Categories : Javascript

What is x.fn.x.init[] value shown for $() and $(this) in chrome dev tools
This is actually the REAL code behind instantiating $ Take a look at the github source jQuery.fn = jQuery.prototype = { // The current version of jQuery being used jquery: core_version, constructor: jQuery, init: function( selector, context, rootjQuery ) { var match, elem; ..... and then at line 263 // Give the init function the jQuery prototype for later instantiation jQuery.fn.init.prototype = jQuery.fn; Since you are using the minified version, this gets turned into what you see.

Categories : Javascript

How can I display own Events in Chrome dev tools
The obvious solution is to use Console. It gives you much more tools than simple console.log: Formatting (console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");) Measuring time (console.time("Array initialize"); longRunningOperation(); console.timeEnd("Array initialize");) Grouping (console.group("Authenticating user '%s'", user); authentication(); console.groupEnd();) Marking events on the timeline (console.timeStamp("Adding result");) This should be more than enough to create readable log of custom events. See the official docs for more tips on using the Console.

Categories : Javascript

can't seem to inspect modal pop up in chrome developer tools or firebug
Here is the code of the page <div id="speedbump"> <span class="internal"><p>The page you are going to on usbank.com is not optimized for viewing on a mobile device.</p></span> <div class="continue">Continue</div> <div class="cancel">Cancel</div> </div> They are using a confirm dialog, but the HTML is right there. People don't believe me... so here is a picture, take a look now :D

Categories : Javascript

Can the Network Panel in Chrome Developer Tools Log When Closed?
No, this is not possible directly. You have to have DevTools open for it to log requests. There is a work-around though: This is similar to https://code.google.com/p/chromium/issues/detail?id=178918 - use remote debugging locally (https://developers.google.com/chrome-developer-tools/docs/debugger-protocol#remote).

Categories : Google Chrome

chrome dev tools like UI panel at the bottom of the page UI design
This is a fairly broad question that potentially has many solutions depending on your exact needs, scenario and skillset. Also, it's always best to post an attempt at the problem to get a better response. One solution would be to simply hide (display: none;) a sticky div that is attached to the bottom of the window. To show/hide you can use js and either a button/link or try something like http://plugins.jquery.com/project/hotkeys if you want to activate it with a keyboard shortcut.

Categories : Javascript

How to view elements tab and sources tab at the same time in chrome dev tools
If some element is inserted to your DOM and you want to find code responsible for adding it then I suggest using more appropriate tool than debugger;. Check out "subtree modifications":

Categories : HTML

How to find out what is referencing a detached DOM tree using Chrome Dev Tools
Ug coffeescript. That aside, anytime you're memory leak hunting with jquery on the page you need to disable the jquery dom cache. In my brief playing with the example site you've linked to, I'm pretty sure some of the detached nodes I'm seeing are in that cache. $.expr.cacheLength = 1; This is very poorly documented, but should help you hunt down where your actual leaks are coming from.

Categories : Javascript

Save disabled CSS properties in Chrome Developer Tools
I am having the same problem with unchecked styles. I found a slightly easier way of saving the unchecked styles. Just uncheck the style, add another temporary style to your rule and then delete the temporary style. Chrome will document the changes and you will be able to save your unchecked (commented out) style with the "Save-as..." feature in the "Sources" tab. This is not ideal, but it saves you the hassle of unchecking and modifying a style, doing a "Save-as..." and then going back and changing the modified sytle back to the way it was. I will definitely bring this up in the Chrome support forum.

Categories : CSS

Dev Tools Chrome with JQuery you can enable / disable stuff
So are you asking if you can use jQuery to prevent people from running additional javascript/jQuery from the browser console? No, you cannot do this, the console is built into the browser for developers to test and experiment with by running additional javascript after/while javascript on the page is running. Same thing goes for other browsers as well.

Categories : Javascript

are there some tools to make macro codes debuggable like common source code
One idea would be to use gcc -E, then edit the resulting .i file and remove the #line directives around the affected area. Then compile the .i file. gcc+gdb could be made to debug macros as if they were inline functions, but I think that would be a fair amount of work in gcc.

Categories : Debugging

Does chrome dev tools have anything similar to sublime text's snippets and tab triggers?
I did not find this Tab trigger ability in Chrome but a way to simmulate this operation: Using AutoHotKey Run it after installing , and right click AutoHotKey in the taskbar corner -> Edit This Script Add the following to the script files. #IfWinActive Developer Tools - ::ml:: SendInput {Raw}margin-left:10px; return write your own script like above, then save it and Reload This Script Have fun! More to say: #IfWinActive means this part only applies to the current window whose name started with Developer Tools - .So if you want this script work, you shoul make the develop window seperated from the main Chrome window to have this window name. ::ml:: defines the keys to trigger, the starting :: means this is a word , which can only trigger when it is followed by a space key or an

Categories : Google Chrome

How to execute a piece of JavaScript code using Chrome developer tools
What you tried to execute is a JavaScript pseudo-scheme. Note the javascript: part at the beginning. Doesn't it sound familiar with other schemes like http:, https:, ftp:? It would be executed in the URL, not in the Console. In other words, you use JavaScript pseudo-scheme to execute a piece of JavaScript code, in the address bar of the browser. To execute it in Console, you have to do two things: Remove javascript: scheme Because it's supposed to be executed in the URL, it's URL encoded. You have to decode it first. See that %7B? It represents {. Console won't recognize it, till it's decoded to the original character.

Categories : Javascript

Hide jquery.map errors in google chrome developer tools?
To disable the source maps for one file: You can filter out the messages for the .map files by right clicking them in the console (Not the link) Selecting Filter > Hide messages from ... You can also disabled either CSS or JavaScript source maps globally from the Developer Tools settings. To disable the source maps globally: Click the cog icon in the bottom right of the Developer Tools Locate the 2nd and 3rd options on the right under Sources Untick Enable JS source maps Untick Enable CSS source maps

Categories : Jquery

Is there a way to use the mouse to make pseudo elements visible in Chrome Developer Tools?
Yes, there is a way to force an elements state using chrome devtools; if you look on the right side you should see an icon that looks like the cursor with a broken box behind it on the 'styles' tab. When you click on it, it will have a dropdown menu that will allow you to toggle the selected code's hover, active, focus and visited pseudo-classes.

Categories : HTML

Google Chrome Developer Tools has stopped logging output and errors to the console?
On the bottom of the devtools window, to the left of the error and warning icons, there should be a set of console output filter buttons. See below for a description of the filter options. Note the funnel button to the left of the "All" button. You must check the type of output you want in the funnel-menu. The funnel menu is active for all filter-button options. So if you select the "Logs" button but have "Logging" unchecked in the funnel-menu, there will be no logging output. Both funnel-menu and filter-buttons can be multi-selected. Ctrl-click, Windows, or Cmd-click, OSX, to select multiple filter-buttons. From the docs All—Shows all console output. Errors—Only show output from console.error() Warnings—Only show output from console.warn() Logs—Only show output from console

Categories : Google Chrome

Chrome Developer Tools closes instantly when attempting to debug WebDriver E2E test
Chrome isn't doing this; ChromeDriver 2 is. ChromeDriver 2 and the DevTools windows both compete for the same automation channel, and ChromeDriver automatically closes the DevTools window in order for it to work. See https://sites.google.com/a/chromium.org/chromedriver/help/devtools-window-keeps-closing for more info Also see the related issue: https://code.google.com/p/chromedriver/issues/detail?id=483

Categories : Debugging

How can I access CoffeeScript to JS compiled vars in the Chrome Developer Tools JavaScript Console?
I think you want: window.myVariable But, I recommend you read up on coffee scripts handling of scope. SO reference

Categories : Javascript

When debugging JavaScript using the Chrome developer tools, what information can I use to diagnose a site crash?
The code you show is minified, that's why it's only one line and not readable nor directly debbugable. But you have a small button { } at the bottom left of the screen you show (the fifth from the left), it lets you beautify the code. Click on it. You can put breakpoints in this beautified code in a much precise way.

Categories : Javascript

Difference between Waiting and Receiving in Chrome Network Tools and Intl speeds reasons
As explained in the docs: 'waiting' indicates time spent on 'waiting for the initial response' 'receiving' indicates time spent on 'receiving the response data' Enabling gzip compression can reduce 'receiving' time, but it makes sense only if content isn't already compressed (and I don't know what your 1.4 MB file from the screenshots is). Compressing JPEGs or videos will probably hurt the performance (since gzip compression is a CPU intensive task and there will be little, or no, decrease in the file size), but compressing CSS/JS is always a good idea. Long 'waiting' time may be caused by slow connection or/and slow response from the server. Possible solution for the first issue is to use CDNs. Second issue requires more investigation in the back-end (slow DB response time? huge serv

Categories : Performance

Desperately trying to build open source tools (octave) on a Mac 10.6 Snow Leopard (involves Xcode, gcc, fink)
You can still get XCode. You just have to be registered on Apple Developer, but you do not have to pay for the license. You then download it through the Mac App store, or you can get a link that opens it in the App store here. Finally, you have to install the command line tools from within Xcode. These can be found under the Components tab of the Download Preferences panel. Let me know if that does not help. My iMac running 10.6 is currently in for repairs, so I am on my 10.7 laptop and cannot test all the specifics yet.

Categories : Osx

How to save state of chrome developers tools device metrics and emulate touch events?
Yep. In the user settings, you'll see a checkbox "Enable on DevTools startup". Check that box and in addition to the values being saved, every time you open the developer tools your settings will be applied. To turn on: Open Chrome's developer tools (F12 on a PC) Open settings. (Hit the gear icon in the lower right). Set your device emulation, orientation, width height, geolocation overrides, etc. Hit the "Enable on DevTools startup" checkbox at the top. Close Settings To turn it off, just uncheck the box.

Categories : Google Chrome

Bypassing Chrome/FF developer tools security issue (enabling users to access hidden forms)?
You can never 'trust' input from your users. Whatever you do. With developer tools you can easily add HTML into a website and post the values to the server. You could even edit the POST itself and add whatever data you want. Security and checks need to be done server-side. You can simply use your jQuery show/hide and do the validation server-side.

Categories : Javascript

Android Edit Source Lookup Path
change below line in manifest <activity android:name="com.example.example.DeviceScanActivity" /> with this <activity android:name="com.example.bletest.DeviceScanActivity" /> and it will work like a charm :) P.S:- error is in your activity path/location in name.

Categories : Android

Tampermonkey script to edit links in source
Well after fiddling a bit I managed to write a script, here's the code if anyone's interested. // ==UserScript== // @name Google Add // @namespace // @description // @include * // ==/UserScript== var srcs = document.links; var links = document.getElementsByTagName("link"); var scripts = document.getElementsByTagName("script"); var imgs = document.getElementsByTagName("img"); var iframes = document.getElementsByTagName("iframe"); for (i = 0; i < links.length; i++ ) { links[i].href = links[i].href+'?google'; } for (i = 0; i < scripts.length; i++ ) { scripts[i].src = scripts[i].src+'?google'; } for (i = 0; i < imgs.length; i++ ) { imgs[i].src = imgs[i].src+'?google'; } for (i=0; i<srcs.length; i++) { srcs[i].href = srcs[i].hr

Categories : Javascript

Postgresql extension: edit the source code (pgRouting, for example)
After you've edited the source you need to rebuild it (typically "make") and then reinstall it (typically "make install"). For most extensions you don't need to restart postgres, but you do have to disconnect your session and start a new one. If you have made any changes to SQL or PL/SQL or similar objects in the extension, you should either give it a new version number and upgrade it, or drop and recreate it.

Categories : Postgresql

Android Google Navigations app: can I edit the source code?
Is there open-source code for it that I could modify and recompile? No, sorry, Google Maps is not open source, which includes its Google Navigation component.

Categories : Java

DataGrid edit doesn't change the actual source
You need to set Binding UpadateSourceTrigge=PropertyChanged. This is used whenever you need to send the changes from Your View to the ViewModel.As in this case you are editing your collection in view and want to reflect back into your collection You need to use UpdateSourceTrigger Property.

Categories : C#

The difference between "IE9 debug tools" HTML output and webpage source HTML that I got via C#
You can get the original source (the one sent by the server) in "Script" tab (this works both on my IE8 and my IE10). If you do not use AJAX, I think you can right-click on the page and choose Display Souce option too.

Categories : C#

How to edit chrome:plugin setting through Javascript / PHP?
You simply don't have permission to do this from a webpage - Chrome (and other browsers) will not allow you to specify the plugins an end user is allowed to use. See here for a previous discussion on this.

Categories : PHP

ASP.Net MVC C# Chrome not showing date in edit mode
Try removing [DataType(DataType.Date)] because I believe this creates <input type="date" />. If you do that you'll end up with a <input type="text" /> to which you can attach jQuery date-picker. Try w3schools: input type date in different browsers to see the difference. Edit: In the past I used the following in my View to make this work with jQuery date-picker (if you're interested in using it). @Html.TextBoxFor(model => model.DateOfBirth, @"{0:yyyy/MM/dd}", new { @class = "datepicker" })

Categories : C#

Why are some functions declared extern and header file not included in source in Git source code?
strbuf.c includes cache.h and cache.h includes strbuf.h, so your premise for question 2 (that strbuf.c does not include strbuf.h) is wrong: it does include it, just not directly. extern applied to functions The extern keyword is never required for function declarations, but it does have an effect: it declares that the identifier naming the function (i.e., the function's name) has the same linkage as any previously visible declaration, or if no such declaration is visible, that the identifier has external linkage. This rather confusing phrasing really means that, given: static int foo(void); extern int foo(void); the second declaration of foo also declares it static, giving it internal linkage. If you write: static int foo(void); int foo(void); /* ERROR */ you have declared it fir

Categories : C

unknown custom file format reader source equals writer source?
In general, no. There usually are auxiliary resources that do not need to be written out, but still have to be reconstructed by the loading function. It's hard to say anything more without knowing your specific situation.

Categories : C

What triggers Source Server to run the embedded command to get a copy of a source file?
Thank you for identifying this issue. We have fixed the problem, and the change will be reflected in future releases of Visual Studio (not in updates to 2013). We hope this fix improves your experience with our tools and technologies. Specifically we have modified the behavior of the debugger to match what WinDbg does in this case. We will allow you to download the matching source file from the source server if the temporary file on disk doesn't match with what you are debugging.

Categories : C++

Cannot see the Restangular response data set in my chrome developer tools... is it bc my JSON contains nested JSON?
I'm the creator of Restangular. So, when you're doing a getList, Restangular expects to get an Array as the response. In your case, when you're getting a list and the path is availableCourses, you're returning a string (the title) which has properties. So you're creating a "special" string with properties, it's not really common, nor compatible with Restangular. If you want to get the list of all available courses, you need to return an array as the new response. So, what's the exact response from the server when you do the getList? If you giv eme that, I'll be able to help you easier on how to create this response extarctor. Also take a look to this MongoLab example :), maybe It'll help you. http://plnkr.co/edit/d6yDka?p=preview Bests!

Categories : Angularjs

Firefox Document Inspector, Firebug & Webkit Developer Tools (Chrome/Safari) not updating HTML to reflect checked status of checkboxes loaded via AJAX
After a careful review of the W3C standards surrounding this issue, it seems clear that this is a browser bug (albeit not a serious one). The discrepancy exists because the non-AJAX method being used was presumably chosen to be more "friendly" and maintain consistency between the code and the presentation, whereas the AJAX method is more respectful of the true W3C specification. Such is the result of any collaborative development effort. For those who are hoping to avoid any such inconsistencies, I recommend you use the following syntax: $('#some-id').prop('checked', true); // Preferred method for checking a box or radio button ... instead of: /* DON'T USE THIS CODE! $('#some-id').attr('checked', 'checked'); // Deprecated method for checking a box or radio button IF YOU DO, IT'S ON YO

Categories : Javascript



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.