Apple Event: May 7th at 7 am PT
How do you view source code in safari?
I'm sure you can. Just can't find it.
Mac Pro, Mac OS X (10.7.4), 30" Display, 22" Cinema Display
Safari menu > Preferences > Advanced.
Check "Show Develop menu in menu bar". Close Safari's preferences.
Develop menu > Show Page Source
Safari menu > Preferences > Advanced.
Check "Show Develop menu in menu bar". Close Safari's preferences.
Develop menu > Show Page Source
Thank you. Liking this better than FF which I've used forever, but having an iPad and iPhone it really necessitates I use Safari Desktop so that my bookmarks are all sync'd up. Bye bye FF.
Thanks John
You're welcome, and FYI if you encounter one of those ill-conceived websites that refuse to load unless you're running some version of Exploder or whatever, you will find the ability to change the "user agent" in the Develop menu also.
😎
Yup. Saw that. Very cool. Can't believe I've been using FF all these years.
John Galt wrote:
Safari menu > Preferences > Advanced.
Check "Show Develop menu in menu bar". Close Safari's preferences.
Develop menu > Show Page Source
Thanks, but I hate that opening @ the bottom. I am not a developer, I just need to see a table so I can copy it off a suppliers website. How can I get it to open in a new window like before? It's a royal pain to find what I want, as I have to scroll sideways forever. While I like ML, there are so many changes that suck that I wish Apple never made. this is one of them. I'll use FF for my source needs.
Chris Winkler1 wrote:
... How can I get it to open in a new window like before?
If you ask politely and omit your rude comments, I will answer.
Otherwise you can figure it out for yourself.
Great Tip! Thank you very much! I never knew you could change the user agent too! I was simply looking for an option to view a page's source when i came across this post.
Thanks again!
~Ed
Hey John :
i would like to know details on Opening in New Window. I am just started with Mac and all the thionhs thta you indicated have been a great relief >>>>any things thta you would like to share that will be of great help using Mac !
Is there a way of viewing the source code for a website all in one page like in the old version of Safari?
I'm trying to get a facebook like button to work and for some reason all my HTML appears on a single line in the developer box thing, it makes it really hard to find what it is that I need to fix 😟
After you set your preferences to show the Develop menu and you select "Show Page Source" from the Develop menu, you get a new window of source
And being a new window you can open it as wide as your monitor allows. You can also widen or reduce the width of the two right and left panels to open the center panel more.
I'm checking now for a "wrap" feature which authoring editors usually have so you don't have endless strings going to the right beyond the visible page, but can't find one. I suggest you post a new thread on this subject so you get the attention this deserves. I'd love to know this too.
Good luck.
Steven
Hey Chris,
To find the source code of the table off that suppliers website:
Go to
"develop"
"show page source"
Then click "inspect" on the menu bar
Then go to the place on the suppliers website where you'd like to find the code and click the section.
You'll see the code highlighted in the page source menu.
Hope that helps
David Lee
Hi John. Forgive the naive question... You mentioned being able to change the "user agent". Why is that important, and when might that come in handy?
Thanks,
Mike Scott
All that changing the User Agent accomplishes is to placate poorly written web pages that interrogate the client to determine which browser it's using. There is no reason to do that, but some pages will refuse to load unless the user agent string matches the arbitrary value it expects.
Change the string to whatever it wants, and the page will obediently load having determined exactly nothing about what features the browser may or may not be capable of supporting.
John Galt wrote:
Safari menu > Preferences > Advanced.
Check "Show Develop menu in menu bar". Close Safari's preferences.
Develop menu > Show Page Source
It looks like Safari version 8 under Yosemite no longer has this choice. Is there any way, either through third-party software or other way in the new version of Safari?
Hi Kenneth,
I am running Safari Version 8.0.3 (10600.3.18) and Yosemite and was able to perform this operation. as mentioned above: Safari menu > Preferences... (⌘,) > Advanced
Check "Show Develop menu in men bar" and close Safari's preferences. If this does not work, try restarting your browser, but normally you should then see the "Develop" drop down menu in the bar between "Bookmarks" and "Window". Finally click Show Page Source.
How do you view source code in safari?
