CodeKit's server will restart and you'll see addresses. To enable it, simply click the checkbox in the Server Popover. In those cases, use the Non-Bonjour address.ĬodeKit supports TLS (formerly called SSL) on the Preview Server. WARNING: On some networks, the Bonjour address may not behave correctly.
Use this if your Mac is not connected to any network. The final address is always just localhost:5757. It will always be: Mac's local IP address]:5757 This Mac Only
The non-Bonjour address is for devices like Android or Windows, which don't support Bonjour networking. If your computer's name is long, you can shorten it in the Sharing Pane of macOS's System Preferences. This will always have the form computer name]:5757. The popover that appears shows three addresses. When you save a page or script, however, the whole site reloads to capture those changes.Ĭlick the Server Button at the top of CodeKit's window. When you save a stylesheet, CodeKit refreshes the browser by injecting changes without reloading the entire page. When you use an external server, CodeKit becomes a reverse-proxy it talks to your external server to load content. That's the only one CodeKit will auto-refresh.
If you're using MAMP and have not changed any defaults, it's usually or it might be a custom virtual host you configured, like Which Address Do I Load In My Browser?ĪLWAYS go to CodeKit's internal server address (the one that opens when you click the "Preview" button). The address of the server you set up in step one.
What Address Do I Enter In The Textfield? Enter the address of your external server.Flip the External Server Required switch ON.Open Project Settings and choose the Browser Refreshing category.Configure an external server (like MAMP) to host your project.If your site uses server-side processing (like PHP) or you're doing something advanced: Copy the address to your other devices and be sure each is connected to the same WiFi network as your Mac. Just Click PreviewĬlick the Preview Button in the top right corner of the window. The app automatically refreshes every browser that's connected to this server. CodeKit has a built-in server that always hosts the active project.