When open an URL in webapp, how to display the new page in it without jump to Safari?

Question

I have two page in one directory for an iOS web app. One is index.html, the other one is detail.html.

In index.html, there is a link to detail.html like this

<a href="detail.html">
Redirect 
</a>

I opened index.html in iPhone's safari, then I added index.html to home screen.Then I opened this web app from home screen. When tapped "Redirect", the web app entered background , then Safari opened detail.html and came to foreground.

How to open detail.html in web app itself and not redirect to safari? Special Thanks!

Could you show us some code? How you're opening index.html in web view and which delegate messages (if any) are implemented in your code? — Andrei Chevozerov, Sep 15 '12 at 04:11
Hi Andrey, it is a pure web page running in Safari, not an UIWebView in native app — OpenThread, Sep 15 '12 at 04:38

score 2 · Answer 1 · answered Oct 23 '12 at 06:11

To combine all the features required for overcoming the problems with such webapps, you can simply use this library http://iosjs.com/features/

If you are looking for a quickfix:

$( document ).on("click","a",function( event ){


   if($( event.target ).attr( "href" )){

   var str    = $( event.target ).attr( "href" );
   var patt   = /^#/g;
   var match  = str.match(patt);

  // Stop the default behavior of the browser,ie to change the URL of the page.

    event.preventDefault();

  // Manually change the location of the page to stay in "Standalone" mode 
  //  and change the URL at the same time.

    location.href = $( event.target ).attr( "href" );
);

This will take care of all the anchor tags.. You can use the 'match' variable to exclude the hrefs with '#' values.

This blog will give you example for the same:: http://www.bennadel.com/blog/2302-Preventing-Links-In-Standalone-iPhone-Applications-From-Opening-In-Mobile-Safari.htm

This will break stuff like jquery_ujs. Lot of apps rely on that to provide logout functionality amongst other things. (jquery_ujs for example uses a data-method="delete" on the links to send a HTTP DELETE request) — Sudhir, Mar 23 '13 at 11:16

score 1 · Accepted Answer · edited Mar 24 '19 at 13:57

I found the solution in https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Dashcode_UserGuide/Contents/Resources/en.lproj/MakingaWebApp/MakingaWebApp.html#//apple_ref/doc/uid/TP40004692-CH18

I finally use javascript instead of label.

<SCRIPT LANGUAGE="JScript">
function toDetail() {
    document.location=('detail.html');
}
</SCRIPT>

<div class="cell" onclick="toDetail()">
</div>

When open an URL in webapp, how to display the new page in it without jump to Safari?

2 Answers2