How to preview site on phone

Is it possible to preview a site on a phone or tablet - without having to publish the site to a server?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you install Xcode (free from Apple) you can use the iPhone simulator (and iPad simulator) to see what your site will behave like. Once you have the main Xcode package installed and running, pull down the Xcode application menu to Developer tools / iOS Simulator.

Walter

On Jan 17, 2014, at 4:15 AM, Mark wrote:

Is it possible to preview a site on a phone or tablet - without having to publish the site to a server?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I liked the older version of the ios simulator - the phone windows display
too large now, and they’ve trashed the skeuomorphic window decoration that
made it look like a phone :frowning:

Still hanging on to my beloved 3gs… They will have to pry it from my cold,
dead hands - that thing has saved my life many times over!


Ernie Simpson

On Fri, Jan 17, 2014 at 9:11 AM, Walter Lee Davis email@hiddenwrote:

If you install Xcode (free from Apple) you can use the iPhone simulator
(and iPad simulator) to see what your site will behave like. Once you have
the main Xcode package installed and running, pull down the Xcode
application menu to Developer tools / iOS Simulator.

Walter

On Jan 17, 2014, at 4:15 AM, Mark wrote:

Is it possible to preview a site on a phone or tablet - without having
to publish the site to a server?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I liked the older version of the ios simulator - the phone windows display too large now, and they’ve trashed the skeuomorphic window decoration that made it look like a phone :frowning:

Go to Xcode > Preferences > Downloads and download the iOS 6.1 simulator. Then, if you open the iOS Simulator again, you should be able to access the non-retina iPhone from the devices menu, complete with spiffy trim!

You can avoid having to open Xcode first every time you want to launch the simulator by sticking this launcher app I built into your Applications folder: http://cl.ly/TQvp.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Caleb, I will give this a try.

I cannot remember the last time (if ever) that I launched Xcode… as for the
iOS Simulator, what I did was to make an alias of the app contained in the
Xcode package and set it at the Applications folder level - making the app
accessible from the Launchpad :slight_smile:

Caleb wrote:

Go to Xcode > Preferences > Downloads and download the iOS 6.1 simulator.
Then, if you open the iOS Simulator again, you should be able to access the
non-retina iPhone from the devices menu, complete with spiffy trim!

You can avoid having to open Xcode first every time you want to launch
the simulator by sticking this launcher app I built into your Applications
folder: http://cl.ly/TQvp.


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can’t you use Firefox to preview the page/site and then select Tools>Web Developer> Responsive design to select the screen size you want?

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can’t you use Firefox to preview the page/site and then select Tools>Web Developer> Responsive design to select the screen size you want?

Not quite. Mobile Safari is very different than Firefox, and even quite different from desktop Safari. It’s not uncommon to have a responsive/flexible website looking sharp using desktop browsers, then have mobile Safari muck it up.

For example, a flexible iframe is easily doable on desktop browsers, simply set the width to a percentage. However, the iOS engineers at Apple decided, for some odd reason, that flexible iframes would hinder a websites usability. Hence, if you set an iframe’s width as a percentage, mobile Safari will override your choice and make the iframe just as wide as the website it contains. This will break your responsive website pretty badly, and if you don’t test your website on iOS, you will never know.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Although these do involve publishing to a server they’re pretty hand for checking mobiles sites

Loading with a Freeway Responsive site.

Or this browser bookmarklet… http://www.responsinator.com

You could alway publish to a development area on your hosting.

David Owen { Freeway Friendly Web hosting and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 17 Jan 2014, at 09:15, “Mark” email@hidden wrote:

Is it possible to preview a site on a phone or tablet - without having to publish the site to a server?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m using OS 10.6. Last time I looked Xcode wouldn’t work on this version.

I was more interested in exploring the option of plugging an iPhone / iPad into my Mac and being able to preview the website on these devices without having to load it to a server – is this possible?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I like the look of this site:

Thanks for the link


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There are versions of Xcode for every version of Mac OS X, going all the way back to when the OS was named Rhapsody, and the dev tools were a lightly repackaged version of NeXTSTEP’s ObjectBuilder, InterfaceBuilder, and friends. If you sign up for a free Mac developer account at http://connect.apple.com, you can download any of this stuff you may like. I have never registered for an iOS developer account, which does cost a small amount of money per year, but I still have had the iOS simulator in every version of Xcode since 2007, which coincides with 10.6, IIRC.

Walter

On Jan 20, 2014, at 5:16 AM, Mark wrote:

I’m using OS 10.6. Last time I looked Xcode wouldn’t work on this version.

I was more interested in exploring the option of plugging an iPhone / iPad into my Mac and being able to preview the website on these devices without having to load it to a server – is this possible?

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

First thanks to Caleb for the “way back” tipp - great (i’m happy again :slight_smile: cause I felt the same than you guys,

but also for the Responsinator which seems to be pretty nice as well and shows me (once again) that the landscape design for small devices is really hard (ufff).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 20 Jan 2014, 9:19 am, Mark wrote:

I like the look of this site:
http://www.responsinator.com

Thanks for the link

Does’nt seem to like pages contains wow slider elements

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

can I plug my iPhone or iPad into my Mac and preview a website without publishing it to the server? It would make development quicker.

Cheers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Take a look at Anvil: http://anvilformac.com/

It essentially installs a server on your machine that allows you to access sites hosted on the server through any device on your network. It’s fairly self explanatory once you get it installed. To access the site on a different device, right click on the site in the menubar and enter the long address (it will contain your IP address) into the device.

Joe


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Great, thanks for that I’ll take a look


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you’re even a little bit serious about this, you should have a development server of your own where you can try things out, or stage things for your clients to preview, without sharing with the whole world. There are really cheap hosting providers out there, or you can create a subdomain on your regular server (dev.example.com) so that you can control access to it.

Walter

On Jan 20, 2014, at 11:11 AM, Joe Billings wrote:

Take a look at Anvil: http://anvilformac.com/

It essentially installs a server on your machine that allows you to access sites hosted on the server through any device on your network. It’s fairly self explanatory once you get it installed. To access the site on a different device, right click on the site in the menubar and enter the long address (it will contain your IP address) into the device.

Joe


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

… or even use MAMP and create a local (nearby life) server development.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options