Inspecting Element in Safari - macos

I am using the latest iOS system for Mac, and have just finished completing all the updates.
I am trying to find the Developer Menu on the Mac, but I can't see it anywhere? Some have said if you just click Safari - Preferences there should be an option there, but I don't see it.
Any help would be hugely appreciated.
Thanks in advance
Kimberley

Open the preferences, select the "Advanced" tab and check the "Show Develop menu in menu bar" checkbox at the bottom.

try to minimize the screen of safari after that next to the APPLE logo you will see that file, edit, etc... also Develop tab in menu bar

Related

How to Enable "Show Develop menu" in Safari

How to Enable "Show Develop menu" in Safari when "Show Develop menu in menu bar" is disabled out
Go to terminal and type this (Close Safari before doing this step)
% defaults write com.apple.Safari IncludeDebugMenu 1
Got the answer from below site
Reference website:
http://hints.macworld.com/article.php?story=20030110063041629
You can try Safe Boot mode by holding down the Shift key at startup (it's quite slow). After that, log in and then restart normally.
If this doesn't work, try to take a look to this answer: https://apple.stackexchange.com/questions/401179/safari-developer-menu-disabled
Other option may be updating Safari

Firefox User Agent Switcher - how do I get to it?

https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/
I've installed it in Firefox, but, how do I actually get to it? I don't see it in my toolbar, I don't see if it I right click anywhere close to my toolbar. It's not one of the Chrome-looking extension buttons. Thanks.
Right click your navigation toolbar and click "Customize", then scroll down and
find User Agent Switcher icon. You can drag&drop it to your navigation toolbar.
You can start using it this way.
Instructions here: http://chrispederick.com/work/user-agent-switcher/screencasts/#access-firefox-4-video
Underneath tools you should see a "Default User Agent" drop down. Roll over this menu item and you should see alternative User Agents. Screenshot # http://www.bemoko.com/training/help/product/useragent-switcher including an import file with a good collection of mobile user agents (nicely organised and annotated with screen dimensions)

SCPlugin icons and menu

I installed SCPlugin on my mac for subversion. It works fine but I don't see the icons show status of my files. And I don't have SCPlugin's options in my right click menu bar. Any idea how to fix these?
Well if you read the website carefully they say it will work but they dont have context menu(menu bar after right click) or badging (icons you are talking about).

disable or change shortcut of fullscreen mode in Firefox 3.6 due to Firebug shortcut conflict

I am using Firebug with Firefox 3.6 on OSX 10.5.8. Since FF 3.6 there is a shortcut to activate fullscreen mode which is "shift" + "command" + "F". But it is the exact same shortcut of Firebug to launch "Display Element Information".
Since i never and don't really need fullscreen mode and use extensively the "Display Element Information" feature of firebug; i am trying to either change the firebug shortcut or disable the FF shortcut.
I tried finding something when accessing about:config but could not find anything relevant.
Does anybody has a solution or hack?
cheers
Change FireFox Shortcuts:
There is an extension called KeyConfig that allows you to change the keyboard shortcuts in FireFox. You can find it at the following URL:
http://forums.mozillazine.org/viewtopic.php?f=48&t=72994
Change FireBug Shortcuts*:
Open the FireBug Panel
Click the FireBug icon on the top left
Select "Customize Shortcuts"
Change the shortcuts you want then restart FireFox
*Note:
I am using FireBug 1.5
I am not sure if the option you want is in the list of shortcuts you need to change.
Hope this helps.
I think the shortcut you are referring to is actually part of the Web Developer plugin, not Firebug. Firebug has a simliar "Inspect Element" function that uses Ctrl-I.
If you don't want to install yet another plugin, just to change one shortcut, then you will have to change the Web Developer shortcut to something else.
I've tried overriding this behaviour using the OSX System Preferences, creating an Application-only shortcut to the menu item: Tools->Web Developer->CSS->View Style Information, but no dice. This plug-in, while one of the most useful that I've found, has always seemed kind of shoddy. It's rarely updated, and bugs seem to live on forever. It breaks every time FF is updated. etc etc. But I still love it.
Not sure which extension is causing this for you. Just checked Web Developer Toolbar and don't see Cmd-Shift-F anywhere.
One newer feature in Firebug is the Customize Keyboard Shortcuts preferences panel on the Firebug menu. Open Firebug, click on the Firebug bug icon menu in the top left of the panel and select Customize Keyboard Shortcuts from the menu that shows up. You'll likely need a restart for these changes to take effect.
Well, now i feel very stupid !!!!
Indeed it is a shortcut from the Web Dev Toolbar and not firebug. I used these 2 so much during a day of work that i forgot they are 2 separate add-ons.
I was able to change the shortcut via the "Options" menu of the Web Dev Toolbar.
And just in case someone changes a shortcut, remember to restart FF for the changes to take effect.
mea culpa.
But thank you every one for helping.
Case closed !

How to dock Firebug in browser window?

How to dock Firebug in browser window after I opened in a new window? With Firefox 3.0.8 and Firebug 1.3 on Mac OS X 10.5 I can't get it docked in the browser window back. :(
How to fix the problem
Background: firefox 10.0.10
Steps:
Close Firebug if you have it open -> Go to Firefox menu -> select the "Web developer" option -> select "Firebug" from all the options listed -> Select "Firebug UI location" from all the options -> Choose Top, Button, Left or Right depending on your preference.
This should fix your problem. The "Firebug UI location" in the detached Firebug window doesn't work.
Normally you just close the window. When you open Firebug again, it will be docked.
While I was trying to figure this out, I clicked on the bug in the top left corner, while Firebug was open and docked, and selected "Always Open In New Window." Then I had the same problem.
To disable that option while Firebug is open as a Window, select View (in the OS X menu at the top of the screen while the Firebug window is in the foreground) > Options > Always Open In New Window.
Click on the Firebug icon , Choose Firebug UI Location and then choose bottom , it worked for me
I had the same problem. Resolved by following this:
Right click firebug icon in status bar. Select "On for all web pages"
I Couldn’t dock the firebug window back to the Browser-window. Neither via buttons, nor via menu.
Reseting the firebug-settings solved the problem for me. Luckily, I didn’t changed them ever.
Just close the firebug window and click the firebug icon again. It will once again be "docked".
None of these solutions worked for me. Somehow, one of my firebug settings was being stored in my Firefox profile, and I couldn't figure out how to revert it. So, I took the nuclear option and deleted and then recreated my Firebug profile, following these instructions from Mozilla: http://kb.mozillazine.org/Profile_Manager#Creating_a_new_profile
WARNING: This should only be a last resort, as it will remove all of your previous saved settings, add-ons etc. This was not a big deal for me, because I use Chrome as my default browser and only user Firefox for debugging websites using Firebug. But for others, I suspect this might be throwing the baby out with the bathwater, so just wanted to make it clear that there are tradeoffs.
You can click on the small superimposed double rectangle icon on the far right of the firebug window, and dock and undock the firebug widget.
You can click on the small superimposed double rectangle icon on the far right of the firebug window, and dock and undock the firebug widget.
It worked for me in Windows

Resources