a：链接打开iTunes应用程序时，visited在平板电脑上不起作用

Question

I have created a page with a couple of links to iTunes applications ( link example ). I want to just point out which links have been previously clicked. I've tried the a:visited but it doesn't work for my occasion. What I mean when I say it doesn't work for me... If I test this from a computer's browser it work perfectly fine. But I need this to work on an iPad. When you click on this kind of links on an iPad you go directly into iTunes to that selected application (which is exactly what I want) but this is not getting recorded in the browsers history... which makes the a:visited unable to work.

Has anyone faced anything similar? Any workarounds-ideas for this?

I've tried this:

$(document).ready(function() {
    $("a").click(function(e) { 
        current_url = window.location.href;
        var desired_url = $(this).attr('href');
        history.replaceState({},"",desired_url);
        history.replaceState({},"",current_url);
    });
});

But it doesn't seem to work... am I doing something wrong here?...

The concept here is the following. Create a web page that will look like a native apple application (done). A list of applications would be added there for the deployment staff to manually install them (done). Something that will point out when a link has been clicked ( which means the application has been installed ) to minimize the chance the staff haven't skipped an application.

Answer 1

iTunes doesn't maintain history so that it can get a better marketing by making users follow into a link multiple times from different sources. Basically there is no history at all. You can't make a:visited CSS based changes on iTunes.

Answer 2

# store the current URL
current_url = window.location.href

# use replaceState to push a new entry into the browser's history
history.replaceState({},"",desired_url)

# use replaceState again to reset the URL
history.replaceState({},"",current_url)

Answer 3

If the main point is to visually style the element then why not just change the CSS for the link on click? Seems way simpler.

$("a").click(function(e) { 
    $(this).css( "color", "red" ); 
});

Answer 4

创建重定向页面：

<a href="itunes_redirect.html?url=https://itunes.apple.com/au/app/app-name/id123456?mt=8">Itunes</a>