I downloaded a template and customised it a bit. It's working well but the template has a kind of mobile style sheet. When I open the webpage with the iPhone, it looks great on the homepage. However, on the most important pages I don't want it to appear for mobile I want it to appear like it would on a browser.
I've tried.
Deleting the: style-mobile.css file. - Nothing happened.
Playing around with the style-mobile.css file. - Nothing!
Deleting some js files.
I can't seem to find the code that is telling my iPhone to open the page like an iPhone instead of opening it like a browser.
Where will I find this??
The idea that you can download an arbitrary HTML/CSS/JS(?) template that is designed for mobiles and have it magically adapt to look right in a classic browser window is .... naive.
Either look for a template that is designed to look good in both contexts, or build your own layouts using something like Twitter Bootstrap which is responsive to differences in the display port size.
Related
Are there friendly URLs in Ionic Framework? I tried to use ion-nav and ion-tabs components and my URL does not change if I navigate to pages
this.nav.push(Page1);
// or
this.nav.setRoot(Page1);
URL is always http://localhost/ (I need http://localhost/page1, http://localhost/page2 etc)
Unfortunately, the short answer is no. There is probably some scripting work-around that might be able to mimic this kind of behavior, but it is not something that is native to the framework.
The Ionic Navcontroller uses html5 to transition between pages like a phone app instead of a desktop web browser.
What I would suggest is this:
Build a debug-only page that has launch buttons to all of the pages that you want to go to directly. Set this as the root page when you enter the app, and add to it as you bring in more pages. (In fact, these debug pages morph into my "secret pages" during development where I hide useful information for future debugging)
This is what my current one looks like:
That's probably the closest to what you want using the native tools. Good Luck!
I want to work with the content in the webview (eg. submit a form) - for this, I thought I could do this by embedding some scripts into it. But when I use content_scripts, I get a warning saying 'Content Scripts are allowed only in legacy packaged apps"
I searched about 'Legacy packaged apps' but couldn't find any information about that via google.
Is is possible to insert content scripts into webviews in Chrome apps? or is there any other good alternative solution to get this.
thanks.
Try ExecuteScript rather than content scripts in webviews. It's almost the same as the programmatic-injection kind of content script that you're probably already familiar with.
I am developing an app which has a significant 'reference' section in it. It's information that is very applicable to being created as a set of HTML pages, linking to each other.
I am wondering if anyone knows of a good framework out there to embed HTML pages within an iphone app, to be able to open a specific page by key and any other niceties. The best I've seen so far is CMHTMLView on github.
I know I can load HTML pages directly into a UIWebView, I'm looking to see if there's a framework which does a bit of the boilerplate for for me (e.g. checking for existance of files, be able to cache pages by a keyword, any other niceties like being able to index and search pages). Thanks!
To display easy to navigate HTML in a mobile, I use http://jquerymobile.com
I have an app for a text editor developed by OMNI Group. I need to integrate this text editor with one of my other apps. I have no idea as to how should I do it. Can someone provide me any directions as to how should I begin with it. I googled a lot but could not find much help. Thanks and regards.
1: Assuming that your text editor is an online editor living in a browser, simply implement a UIWebView and it should just work. For example, an editable <textarea> is rendered without problems in a UIWebView.
If you need other special features you have implemented with javascript and the like you need to test if they work in the UIWebView.
2: If, however, the text editor is already working in another iOS app, simply copy the classes that you are using to implement the editor into your new project and use them in an equivalent way, tweaking where necessary. If you followed the programming principle of incapsulation this should be a breeze.
I am very interested in building an app like http://brdrck.me/settings/. My first questions are what is inside a web clip file? Is it a html or something else? The second question is how to add the icon to home screens programmatically. As you can see from the page I mentioned above http://brdrck.me/settings/. I tried to check its source code from browser but it turns out to be some normal CSS and javascript code in my Chrome browser and I don't know how to check the source in my Mobile Safari. Any one help?
You won't be able to get any valuable code from the source. Trust me. :D
But, I can help you out.
I use two different methods: The "Add to Homescreen" and .mobileconfig files (the one you have to install)
For adding to the homescreen check out this resource. With the help of some creative work-arounds, it isn't too difficult.
http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/
The mobileconfig file is a bit more difficult, esp trying to get it signed, but this might help you a bit. Try to create one with a webclip then view the generated files source: http://support.apple.com/kb/DL1465
Hope this helps.