Next, remove the.app extension from the Name Extension in the Info Window and click enter.But you want to open it like an application from your dock so that it feels more native to your computer.You also want to place the launch icon wherever you want on the Macs Dock.
The answer is to create a true website shortcut on your Mac Dock for that more native feel. Like a puppet maker out of a (terrifying) 19th century childrens story, you want your web app to be just like a real boy. Adding a web shortcut (aka a webloc) to your Dock is pretty simple. And it can be done without downloading any third-party applications. ![]() Then well use an online icon converter to turn the image file into an ICNS ( Apple Icon Image ), which Ill walk you through later on. Steps Included in This Tutorial: Make a Website Shortcut URL File Make the Icon Image for the Shortcut Prep Your Website Shortcut File Move that Website Shortcut Icon to Your Mac OSx Dock Feel comfortable copypasting a small amount of script An even simpler method walks you through the step-by-step process of creating a short app script to launch a website in a specific browser. Make a Website Shortcut URL File Begin by navigating to the the web site you need a shortcut from, using your browser (lately Ive really been digging the Brave Browser ). If youre making a shortcut to an authenticated web app, sign in to your respective account before pulling the URL. Then highlight the URL text at the top of your browser and clickanddrag that URL onto your Desktop. How Make Icon Desktop Shortcut Download Or CreateMake the Icon Image for the Shortcut Download or create your desired icon image. In this tutorial, Ill use this example Google Inbox PNG image file. Mostly because I miss Googles Inbox app every day. RIP. Just make the image square, with exact dimensions of either 256px x 256 or 512px x 512px. Optional: If you want to make your own image, go for it There are tons of resources out there for learning design. With your PNG or JPG image in-hand, convert it to an ICNS file. How Make Icon Desktop Shortcut Free Services WhereThere are plenty of easy and free services where you can easily convert your image file into ICNS file. Leave this Finder window open, and continue to the next step. Prep Your Website Shortcut File Okay, youve pulled the URL onto your Desktop and now have an icon file ready to go. Nicely done Open a second Finder window alongside the Finder window thats already open for your icon file (which will be in your Downloads folder if you us ed the icon in this tutorial). Select the shortcut URL file you made in step 1 (its on your Desktop) and use the Cmd I shortcut to open the Info window. Alternatively, you can also right click the file and More Info. You now have three windows open and your screen should look something like this: Clickanddrag your ICNS icon file from your Finder window and release it in the top left corner of the Info window, over the preexisting WEBLOC file icon. Next, change the the Name Extension yourApp.app and hit enter. In my example, youll notice mine is inbox.app now. ![]() Select Add. IMPORTANT: In newer operating systems like Catalina, the icon on your in-progress shortcut icon will turn blank. ![]() Now that youve prepped the modified shortcut URL file (lets start calling it the Your App file now), clickanddrag it from your Desktop to your Applications folder. Move that Website Shortcut Icon to Your Mac OSx Dock From the Applications folder, clickanddrag the Your App file to your Dock.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |