FAQ Database Discussion Community


Cannot find the CSS Errors in Chrome

css,google-chrome,browser,web-inspector
I'm trying to debug a website and in Chrome's inspect element I'm seeing 8 errors and 1 warning. The Warning shows up right next to the problem. However, the Errors don't show up anywhere and I can't locate them. Also, the errors and warnings show an underline when I hover...

How to find the widest element(s) on a web page?

debugging,responsive-design,webpage,web-inspector
When working on a pre-existing fixed-width web design to try to make it responsive, what I find when I narrow the view / screen size during testing is that at some point a horizontal scroll-bar appears, indicating that some element or combination of adjacent elements on the site have a...

Inspect element to view js files

javascript,node.js,web-inspector
At example.noodles.com is a server running a node.js application. Is there a way that I could view the source files of that application using inspect element or anything else? So far all I can view is the html which is not useful to me and the files do not appear...

Inspect an app from ipad using Safari Web Inspector

ios,safari,worklight,web-inspector
I want to use Safari web inspector in order to inspect an ipad application which I developed using eclipse and worklight. Obviously when I connect my ipad with the mac, i go to safari--->develop--->ipad--->no inspectable applications. When I open the app in safari (as a web page) it works but...

What are the use cases for 3D view in Firefox Developer Tools

firefox,3d,web-inspector,firefox-developer-tools
I recently noticed the 3D mode in Firefox developer tools, in that you can see your page in a 3D view. We can rotate and re-orient the 3D view by dragging it. Could anyone give me the primary use cases where I would use 3D View? Sample 3D view:...

How to use a Web Inspector with emulated android device (AVD)

android,google-chrome,android-emulator,avd,web-inspector
I have the Android SDK downloaded (on a mac), and no access to Android hardware. I can start up AVD and emulate various android devices fine, but I have some CSS I'd like to inspect in the Android browser on said emulated devices. I just can't figure out how to...

Should I trust Chrome's Audits tool?

css,google-chrome,web-inspector,vendor-prefix
Do you know Audits tab from chrome's inspector? I just found out this tab's use and I think it is great but I wonder if the sugestions done there are reliable. FOr example it says I shouln't use -webkit-border-radius, which seems right as it as a really old rule. Problem...

Undo Google Chrome inspector's magnifying glass tool?

google-chrome,web-inspector
Open the inspector on any element. Select the Computed tab. Hover to the left of any style you will see the magnifying glass. Click the magnifying glass and it will filter the Styles tab to only relevant results. Now, how do I deselect this feature? The only way I...