htmlmacossafari
I'm experienced with Windows, not so much with Mac. In Windows Internet Explorer I can go to the View menu and select Source as in to “view source”. This opens a window showing me the html code of the page I am visiting, just like in the screenshot below:
On my Mac I looked in Safari's View menu and all the other menus and do not see anything resembling this option.
How can I do the same thing on Safari in macOS?
It's similar to the view source in Chrome in a lot of ways:
Limitations:
The custom style sheet you can specify in the Advanced tab of the preferences also affects the view source window. I don't know how to target it specifically, but this would apply a default zoom level to both it and website content:
body { zoom: 125%; }
tell application "Safari" to tell document 1
repeat 100 times
if (do JavaScript "document.readyState") is "complete" then exit repeat
delay 0.05
end repeat
set src to source
set u to URL
end tell
try
tell application "TextMate"
open POSIX file u
activate
end tell
on error
set f to do shell script "f=`echo " & quoted form of u & " |
sed 's|.*://||;s|/$||;s|:|-|g;s|/|-|g'`; echo \"/tmp/view-source-$f.html\""
do shell script "/bin/echo " & quoted form of src & " > " & quoted form of f
set f to POSIX file f
tell application "TextMate"
activate
open f
end tell
end try
Unfortunately you have to turn it on and then it will let you change it. I'll have a look tomorrow to see if there is a preference file that can easily be changed to skip having to sync with IE.
Best Answer
The option is available in Safari, but it’s not on by default. To activate this, follow the steps below:
Now you’ll see a new Develop menu in the menu bar. This will give you access to a whole heap of options, including Show Page Source. It may be worth you exploring the various options to see what else you can make use of.
[EDIT]
I forgot to mention, once you've enabled the Develop menu, you will be able to also right-click on any page and choose Show Page Source from the menu that appears.