All Questions
Tagged with google-chrome-devtools firebug
145
questions
4
votes
0
answers
773
views
Chrome devtools, remember expanded element and selection on refresh
It is very difficult to program when you are trying to inspect an element, say:
Then you refresh the page, and chrome throws you back to:
Forcing you to open the path all over again.
Not very nice ...
2
votes
2
answers
5k
views
Is there a way to make chrome devtools undetectable?
I want to see how stuff works on a website, but each time I open Devtools (or refresh the page), I get an alert saying Devtools is open. It blocked me from using Devtools, so I want to disable this ...
1
vote
1
answer
204
views
Ignore debugger; statement but still evaluate my own breakpoints in dev-tools/IDE
Introduction
So really annoying thing is that a colleague has a habit of committing his breakpoints as debugger; directly into the sourcecode.
It's annoying because you either have to disable all ...
18
votes
2
answers
8k
views
How do I simulate a websocket disconnect manually? (Firefox or Chrome dev tools)
How do I simulate a websocket disconnect manually? I'm trying to test websocket reconnect logic, and I have no way of doing this other than waiting for the browser's 10 minute websocket timeout.
7
votes
2
answers
2k
views
Stop debugger in web browser when object value changed
I have an <input type="hidden">. I need to see when it's value changes. I have many JavaScript files changing it's value.
I can just go everywhere where values are changed and add the debugger ...
2
votes
1
answer
44
views
Approach on debugging page with a bunch of javascript
I have more general question on how you usually approach on debugging page with tons of javascript (mostly third-party add-ons) and event watchers to discover the problematic line, which in my case ...
1
vote
1
answer
339
views
Set Breakpoint On Code Not Line
I am wondering if there is a way to set a breakpoint on a piece of code, not just on a line of code, in any browser. I am trying to debug some JavaScript and it is quite annoying to have a breakpoint ...
1
vote
1
answer
3k
views
How to display all entries of an array within Chrome's, Firebug's and Firefox's console?
I have a simple snippet of code that reads the links from a web page and adds them to an array like this:
var a = document.querySelectorAll('div.grid_imageContainer a[id^=detail_]');
var resp = [];
...
0
votes
0
answers
117
views
AngularJS : How do i understand $scope tree on dev tools console?
I have used below command in the devtools console by selecting the html element which i am intersted in , then i was getting the $scope tree of the selected HTML element.
scope = angular.element($0)....
5
votes
2
answers
2k
views
Access second/third/... last result in Chrome developer tools / Firebug JavaScript console
In Chrome developer tools' JavaScript console as well as in Firebug's we can access the result of the last evaluated expression via $_.
Is there a way to access the second/third/... last result? I ...
2
votes
4
answers
83
views
Displaying a tag's attributes in a tabular layout
In firebug (or firefox/chrome developer tools) is there any config/plugin to show attributes of an inspected tag in a tabular layout ( just like computed css rules)?
4
votes
2
answers
896
views
How to format the function body when using toString()
Let's say I have this function from a minified JavaScript file:
function fn(){console.log('Lorem');console.log('Ipsum');}
I would like to get a pretty print, indented version when calling:
...
3
votes
2
answers
6k
views
Calculating and verifying Time To First Byte (TTFB)
I was given the following formulas to measure Time To First Byte (TTFB), TTFB to DOM Ready and Page Load.
TTFB
window.performance.timing.responseStart - window.performance.timing.navigationStart
...
0
votes
0
answers
23
views
What does the console output for 'Object($)' mean?
I have a simple html page with nothing but a jquery include..
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body&...
18
votes
6
answers
12k
views
Not able to inspect/debug Autocomplete option elements
I have an autocomplete dropdown box for city names as,
When i try to inspect one of the option elements using right click and Inspect Element, the dropdown menu disappears and inspect element takes ...