X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Native Inspect Element tool won't display CSS/elements along right-side of window anymore.

Kuphostiwe

I recently updated to Firefox 20.0 and noticed that the native Inspect Element tool doesn't have an option to display the page css elements along the right-side of the window like it used to. Is there a button somewhere I'm missing that allows this view?

I also noticed that I cannot hit escape to exit the inspector anymore. Why would this option have been removed?

Screenshot of the issue explained a little better... http://exceptionalsheet.com/error.jpg

I recently updated to Firefox 20.0 and noticed that the native Inspect Element tool doesn't have an option to display the page css elements along the right-side of the window like it used to. Is there a button somewhere I'm missing that allows this view? I also noticed that I cannot hit escape to exit the inspector anymore. Why would this option have been removed? Screenshot of the issue explained a little better... http://exceptionalsheet.com/error.jpg

Eminye Imininingwane Yohlelo

Fakela amapulagi

  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Shockwave Flash 11.6 r602
  • Displays Java applet content, or a placeholder if Java is not installed.
  • Adobe® Acrobat® Plug-in for Web Browsers, Version 10.1.6
  • 5.1.20125.0
  • Office Live Update v1.0
  • The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.
  • iPhoto6

Isisebenziso

  • Firefox 20.0
  • Umsebenzisi oyi-ejenti: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:20.0) Gecko/20100101 Firefox/20.0
  • I-URL Yokweseka: http://support.mozilla.org/1/firefox/20.0/Darwin/en-US/

Izandiso

  • Adblock Plus 2.2.3 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • anonymoX 1.0.1 (client@anonymox.net)
  • CacheViewer Continued 0.9.4 ({30E08C68-889E-11E0-95EF-DA7E4824019B})
  • ColorZilla 2.8 ({6AC85730-7D0F-4de0-B3FA-21142DD85326})
  • Embedded Objects 2.9 (firefox@red-cog.com)
  • Firebug 1.11.2 (firebug@software.joehewitt.com)
  • Flashblock 1.5.15.1 ({3d7eb24f-2740-49df-8937-200b1cc08f8a})
  • keyconfig 20110522 (keyconfig@dorando)
  • Page Speed 1.12.9.1 ({e3f6c2cc-d8db-498c-af6c-499fb211db97})
  • Pixlr Grabber 2.1.1 ({d47a9f51-8281-43fa-f450-f28ef8735e9a})
  • Print/Print Preview 0.9 ({19EB90DC-A456-458b-8AAC-616D91AAFCE1})
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)
  • Web Analytics Solution Profiler (WASP) 2.7.25 (wasp@immeria.net)
  • Web Developer 1.2.2 ({c45c406e-ab73-11d8-be73-000a95be3b12})
  • Adobe Acrobat - Create PDF 1.2 (web2pdfextension@web2pdf.adobedotcom) (Akusebenzi)

I-Javascript

  • incrementalGCEnabled: True

Imidwebo

  • adapterDescription:
  • adapterDeviceID: 0x9440
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x1002
  • driverDate:
  • driverVersion:
  • info: {u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'none'}
  • numAcceleratedWindows: 3
  • numTotalWindows: 3
  • webglRenderer: ATI Technologies Inc. -- ATI Radeon HD 4870 OpenGL Engine
  • windowLayerManagerType: OpenGL

Okuthandwayo Okulungisiwe

  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.check_doc_frequency: 1
  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.places.smartBookmarksVersion: 4
  • browser.startup.homepage_override.buildID: 20130326150557
  • browser.startup.homepage_override.mstone: 20.0
  • browser.tabs.warnOnClose: False
  • dom.max_script_run_time: 20
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 20.0
  • gfx.blacklist.direct2d: 3
  • gfx.blacklist.layers.direct3d9: 3
  • gfx.blacklist.webgl.msaa: 4
  • network.cookie.cookieBehavior: 1
  • network.cookie.lifetimePolicy: 2
  • network.cookie.prefsMigrated: True
  • network.dns.disableIPv6: True
  • network.http.pipelining: True
  • network.http.pipelining.max-optimistic-requests: 8
  • network.http.proxy.pipelining: True
  • places.database.lastMaintenance: 1365787265
  • places.history.expiration.transient_current_max_pages: 104858
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • plugin.expose_full_path: True
  • privacy.cpd.downloads: False
  • privacy.cpd.formdata: False
  • privacy.cpd.history: False
  • privacy.sanitize.migrateFx3Prefs: True
  • privacy.sanitize.timeSpan: 0
  • security.enable_java: True
  • security.warn_viewing_mixed: False

Misc

  • Umsebenzisi JS: Cha
  • Ukufinyeleleka: Cha
cor-el
  • Top 10 Contributor
  • Moderator
17525 izisombululo 158458 izimpendulo
Kuphostiwe

Future Firefox versions will combine all web developer tools in one web developer toolbox because more tools will be added and opening all windows would reduce the screen estate available for the browser window to almost nothing.
You can only view one tool at the time (Web Console, Fonts, Inspector, etc.).

You will be able to dock this panel to the right side of the browser window in addition to the current position at the bottom and as an independent window that can be positioned anywhere to have the full screen for the browser page.

(screenshot of the current state in Firefox 23.0a1)

Future Firefox versions will combine all web developer tools in one web developer toolbox because more tools will be added and opening all windows would reduce the screen estate available for the browser window to almost nothing.<br /> You can only view one tool at the time (Web Console, Fonts, Inspector, etc.). You will be able to dock this panel to the right side of the browser window in addition to the current position at the bottom and as an independent window that can be positioned anywhere to have the full screen for the browser page. * http://blog.mozilla.org/ux/2012/10/coming-soon-the-firefox-developer-toolbox/ (screenshot of the current state in Firefox 23.0a1)

Umnikazi wombuzo

So basically until they add the ability to dock different panels users will be stuck with it all cramped in the toolbox window at the bottom?

So basically until they add the ability to dock different panels users will be stuck with it all cramped in the toolbox window at the bottom?
cor-el
  • Top 10 Contributor
  • Moderator
17525 izisombululo 158458 izimpendulo
Kuphostiwe

You can still choose to open the toolbox in a separate window and resize and position the toolbox and browser windows as you like.

You can still choose to open the toolbox in a separate window and resize and position the toolbox and browser windows as you like.
JPC60 0 izisombululo 8 izimpendulo
Kuphostiwe

Previously I was able to do as the initial poster mentioned, CSS in a pane on the right, additional box on the bottom Very elegant, maximized scren space. Now it's a slapped on box that tells me how I should work. Not good at all.

The separate window is fine if you have the space. On a 19" screen, it's very inconvenient.

Can you please tell me the last version that did not have this new Inspect Element behavior? I'm guessing it's a week or so ago. Thanks.

Previously I was able to do as the initial poster mentioned, CSS in a pane on the right, additional box on the bottom Very elegant, maximized scren space. Now it's a slapped on box that tells me how I should work. Not good at all. The separate window is fine if you have the space. On a 19" screen, it's very inconvenient. Can you please tell me the last version that did not have this new Inspect Element behavior? I'm guessing it's a week or so ago. Thanks.
JPC60 0 izisombululo 8 izimpendulo
Kuphostiwe

Impendulo Ewusizo

Just bounced back to 19.0.2, infinitely better.

Just bounced back to 19.0.2, infinitely better.
jscher2000
  • Top 10 Contributor
8758 izisombululo 71658 izimpendulo
Kuphostiwe

If you have one of the wider displays, you can put both the HTML and the CSS on the right by toggling this setting in about:config to enable the option on the Web Console toolbar. But as far as I can tell, no current support for the bottom+left view of earlier versions. Maybe an add-on could restore that option.

If you have one of the wider displays, you can put both the HTML and the CSS on the right by toggling this setting in about:config to enable the option on the Web Console toolbar. But as far as I can tell, no current support for the bottom+left view of earlier versions. Maybe an add-on could restore that option.

Umnikazi wombuzo

I can't imagine how this could pass any usability review when compared to the previous version. Luckily I have a wide enough monitor that I can open the HTML and CSS side-by-side but to see enough css at a time I have to drag the toolbox up to take up half of the browser.

The update to 20.0 didn't mention anything in the release notes about the inspector being drastically changed, unless "Continued performance improvements..." covers that. https://www.mozilla.org/en-US/firefox/20.0/releasenotes/

I hate down-grading, especially with the list of security fixes 20.0 came with. Guess I'll be switching to FireBug for my in-browser inspecting.

I can't imagine how this could pass any usability review when compared to the previous version. Luckily I have a wide enough monitor that I can open the HTML and CSS side-by-side but to see enough css at a time I have to drag the toolbox up to take up half of the browser. The update to 20.0 didn't mention anything in the release notes about the inspector being drastically changed, unless "Continued performance improvements..." covers that. https://www.mozilla.org/en-US/firefox/20.0/releasenotes/ I hate down-grading, especially with the list of security fixes 20.0 came with. Guess I'll be switching to FireBug for my in-browser inspecting.
arathra 0 izisombululo 2 izimpendulo
Kuphostiwe

Impendulo Ewusizo

I agree with all the above - it's utter shite now. Before it was elegant and useful, now it's a waste of space.

How can I downgrade until those morons in your design department work this out?

I agree with all the above - it's utter shite now. Before it was elegant and useful, now it's a waste of space. How can I downgrade until those morons in your design department work this out?

Umnikazi wombuzo

Arathra,

You can down-grade / install an older version of Firefox through this page. https://support.mozilla.org/en-US/kb/install-older-version-of-firefox

Though, I would recommend switching to FireBug as the latest releases do not have the vulnerabilities that FF 19 did. As much as I hate FireBug, it's a lot easier to work with than the current native inspector with FF.

Arathra, You can down-grade / install an older version of Firefox through this page. https://support.mozilla.org/en-US/kb/install-older-version-of-firefox Though, I would recommend switching to FireBug as the latest releases do not have the vulnerabilities that FF 19 did. As much as I hate FireBug, it's a lot easier to work with than the current native inspector with FF.
arathra 0 izisombululo 2 izimpendulo
Kuphostiwe

Thanks - I'm just installing firebug now. Personally I prefer the native tool but until it comes back as it was I just can't use it.

Thanks - I'm just installing firebug now. Personally I prefer the native tool but until it comes back as it was I just can't use it.