How do I get my page to render like when developer tools are showing? - debugging

Both Chrome and Firefox render my page and respond to window page resizes the way I want when the developer tools are up but not when they are not.
Debugger present - note that content is centered.
Dubugger closed - content is now wider than the window.
Using Chrome Version 110.0.5481.104 (Official Build) (64-bit), Firefox 110.0 (64-bit)

Related

GeckoFX webBrowser control not loading css properly

I have a html file along with CSS which gets properly loaded in Standalone FireFox browser and also in Web Preview control(Chromium ) for Chrome. Same script does not show up rightly in on GeckoWebBrowser. CSS is not taking effect.
Buttons which are to be stacked vertically are all displayed horizontally aligned.
Currently Ia m using Chromium for Chrome and GeckoFX for Firefox.
Please suggest any other latest web browser control which can be used for Firefox.
Please suggest what could be wrong.

What is the "chrome://" URL in Firefox error page?

This is the Firefox error page when you're offline. If you look at the red marked area, you see the svg background and some scripts are loaded from chrome://browser/content/.... What does chrome do there?
Firefox uses the chrome:// protocol to access Mozilla's chrome system - user interface elements and other resources (chrome is not referring to Google Chrome here).
From developer.mozilla.org:
What is chrome
Chrome is the set of user interface elements of the application window that are outside the window's content area. Toolbars, menu bars, progress bars, and window title bars are all examples of elements that are typically part of the chrome.
Using a Chrome URL we can access those elements with a browser.
For example, we can access the library menu with:
chrome://browser/content/places/places.xul
and the extensions menu with:
chrome://mozapps/content/extensions/extensions.xul
(URLs taken from http://kb.mozillazine.org/Chrome_URLs)
So, it seems that the chrome://browser/content/.. links are fetching Firefox resources needed to display the error page.

Ckfinder blank popup in firefox developer edition (win64)

I'm using the developer edition of Mozilla Firefox (Waterfox win64). When I work in CKEditor and want to browse a server to choose an image the popup opens and I see nothing. Just white window. There are no javascript errors. Screenshot is here: http://clip2net.com/s/3oq3oEf
Any other browser works fine and I see my images.
Any ideas?

Chrome PopUp Windows limitation

We have built an app for stock charts with aspx running on a browser. When we open 4 stock charts as separate popup windows, runs great under Chrome. When we add the 5th popup window, Chrome shows a white flash as it updates the chart. Remove the 5th popup chart window and the white flash goes away. This does not occur under Firefox or IE, just Chrome. If we open the charts in tabs instead of popup windows, the white flash does not occur.
Is there some limitation on the number of open popup windows in Chrome and can we get around the limitation somehow?

Missing icons in Glimpse

I have just installed Glimpse, and in Google Chrome I am missing a lot of the UI icons (eg, the '+' signs to expand the blocks of details).
Any known fixes? I use Chrome for development as I find it runs faster than FireFox and IE, so it is a bore to guess where the icons are.
Also, no close button for the debugger, and the eye doesn't show when 'minimized'.
#awrigley What version of chrome are you using (currently we have been testing against Chrome 11, Firefox 4 and IE9)?
Also can you navigate to www.yoursite.com/Glimpse/glimpseSprite.png? If you can get to that endpoint can you "Inspect Element" on where you expect the buttons to be and check what chrome thinks the image URL(...) in the style is set to.

Resources