ok, so found out the reason why nothing loading on IOS chrome is due to the deprecation of windows.opendatabase which is used to control the display measurement units
so… if you want to share your page and have it display, say on facebooks built in browser when trying to share a link and also on google then you’ll need to get around this.
you need to open the iwdl.js and scroll right to the bottom.
around line 1945 you’ll see
if (window.openDatabase) {
// Open database
jQT.dbOpen("iwdl", "1.0", "Settings", 5000);
jQT.dbCreateTables({ "createTables" : [ { "table": "settings", "property": [ {"name": "setting", "type": "text"},
{"name": "value", "type": "text" } ] } ] } );
jQT.dbSelectAll("settings", function(result) {
for (var i = 0; i < result.rows.length; i++) {
var row = result.rows.item(i);
settings[row['setting']] = row['value'];
}
finishStartup();
});
} else {
finishStartup();
}
change it to
try{
if (window.openDatabase) {
// Open database
jQT.dbOpen("iwdl", "1.0", "Settings", 5000);
jQT.dbCreateTables({ "createTables" : [ { "table": "settings", "property": [ {"name": "setting", "type": "text"},
{"name": "value", "type": "text" } ] } ] } );
jQT.dbSelectAll("settings", function(result) {
for (var i = 0; i < result.rows.length; i++) {
var row = result.rows.item(i);
settings[row['setting']] = row['value'];
}
finishStartup();
});
} else {
finishStartup();
}
} catch(err) {
finishStartup();
}
this will then catch the error if one occurs and continues to display the data using the default measurement units.
Hope this heps others