I have some question about how to config WebView to solve the Browser Compatibility. Here are my configuration about webview.
<html>
<head>
<title>Viewer Test</title>
<script type="text/javascript" src="resources/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="WebViewer.min.js"></script>
<script type="text/javascript" src="WebViewer.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
// Read a page's GET URL variables and return them as an associative array.
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
var doc = getUrlVars()["cloudApiId"];
var user = getUrlVars()["u"];
var docId = getUrlVars()["id"];
var readonly = getUrlVars()["enableReadOnlyMode"] == "true" ? true : false;
var offlineMode = getUrlVars()["enableOfflineMode"] == "true" ? true : false;
var showTB = getUrlVars()["showToolbarControl"] == "true" ? true : false;
var sOffline = getUrlVars()["startOffline"] == "true" ? true : false;
var admin = getUrlVars()["admin"] == "true" ? true : false;
var annotate = getUrlVars()["annotate"] == "true" ? true : false;
var viewerElement = document.getElementById('viewer');
var myWebViewer = new PDFTron.WebViewer({
type: "html5,Silverlight,flash", //--
//initialDoc: doc, //URL path to the document
cloudApiId: doc,
enableAnnotations: annotate,
documentId: docId,
mobileRedirect: false,
streaming: true, //set streaming to 'true' if your .xod server doesn't acknowledge byte-ranges
showToolbarControl: showTB,
enableReadOnlyMode: readonly,
enableOfflineMode: offlineMode,
startOffline: false,
annotationAdmin: admin,
annotationUser: user
}, viewerElement);
// debugger;
$(viewerElement).bind('ready', function (event) {
myWebViewer.setToolMode("Pan");
});
});
</script>
<div id="Div1"></div>
<div id="viewer" style="height:900px;"></div>
</body>
</html>
How to config the webview and make it sense for more browsers.