1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    5
    Vote Rating
    0
    mitchm is on a distinguished road

      0  

    Default Answered: Ghetto iPhone preview / simulator with css?

    Answered: Ghetto iPhone preview / simulator with css?


    Is there a simple stylesheet or option available to simulate the size, and perhaps the look of an iPhone / iPad, etc?

    Am I missing something or is there an easy way to get a feel for how it's going to look on an iPhone sized device on Chrome / Safari?

    Thanks

  2. No... custom to the API docs. XCode + iOS is good... even using weinre is good

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    iOS Simulator on the Mac
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    5
    Vote Rating
    0
    mitchm is on a distinguished road

      0  

    Default


    I'd like access to dev tools - javascript console, DOM inspection, etc.

    It seems like it would be pretty easy to include a simple style that runs the app in an iPhone like div. It's unclear how accurate it would be, but it would be great for getting started.

    I was able to get something reasonable by putting:

    width: 320,
    height: 480,

    in my main view. There are probably various hacks that can be done to the stylesheet to get closer, but this is at least better than running in a large browser.

  5. #4
    Sencha User
    Join Date
    Feb 2012
    Posts
    5
    Vote Rating
    0
    mitchm is on a distinguished road

      0  

    Default


    You actually do this in your examples!

    http://docs.sencha.com/touch/2-0/#!/...ars/index.html

    Is this available in the library?

  6. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    No... custom to the API docs. XCode + iOS is good... even using weinre is good
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1