Problem: On mobile browser when opening a local file, I get a white page each time I click a link with a hash (#) on it's href attribute.
Solution: Using jQuery, I applied the following javascript code to cleanup the link's href attribute by removing the href substring starting from the hash (#) sign:
$(document).ready(function() {
Link.cleanupForMobile();
});
var Device = {
isAndroid: function() {
return navigator.userAgent.match(/Android/i) ? true : false;
},
isBlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i) ? true : false;
},
isIos: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
},
isWindows: function() {
return navigator.userAgent.match(/IEMobile/i) ? true : false;
},
isMobile: function() {
return (Device.isAndroid() || Device.isBlackBerry() || Device.isIos() || Device.isWindows());
}
};
var Link = {
cleanupForMobile: function() {
if (Device.isMobile()) {
Link._performCleanup();
}
},
_performCleanup : function() {
$("div#contentcolumn a").each(function(i, item) {
var $item = $(item);
var href= $item.attr("href");
window.console.log(href);
var hashIndex = href.indexOf("#");
if (hashIndex > -1) {
var hash = href.substr(hashIndex);
if ($(hash).length < 1) {
$item.attr("href", href.substr(0, hashIndex));
}
}
});
}
}
Note: The code above does not cover all mobile devices - only the popular ones.
