HI Steven

I tested on iphone & ipad everything works perfectly without any changes to my original code (obviously on iPhone and tablet you have to touch the screen ;-) )

I tested all yours solutions.
On Mac OS with Safari Yosemite and more the only way that works is the first part your solution 3

<script type="text/javascript">
    $(document).ready(function() {
        $('body').prepend('<a href="../../testouille/clickautotest/clickautotest-2.html">Link #2</a>');
    });
</script>

For the moment, and to move forward, ( i know this not a good solution), i would like:
1- the backButton / backButtonText be invisible on computers, and be visible on the iphone & tablet.
2- the link#2 be visible on computers and be invisible on tablet and iPhone.
i need this backbutton on tablet and iphone (because the presentation page become boring and not instinctive and access to the gallery becomes very difficult

Thanks a lot for your help

i’m working on Mac os Yosemite 10.10.5
Safari version 10.0 (10602.1.50.0.10)
I disabling my only one extension uBlock 0.9.5.2,  clearing and disabling cache and reloading the demo but i have the same problem.
I try on Firefox 49.0.1 + uBlock enabling and no problem it’s ok.
I’m happy that the demo works well with all browsers on PC, thank you for the test.
But this site must work on Yosemite 10.10.5 + Safari version 10.0 (10602.1.50.0.10), it’s my big problem .......