!209 优化OFD 移动端预览页面不自适应

Merge pull request !209 from 高雄/N/A
1 year ago · 36672da026
1 changed files with 12 additions and 2 deletions
--- a/server/src/main/resources/web/ofd.ftl
+++ b/server/src/main/resources/web/ofd.ftl
@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
-    <title>OFD预览</title>
+    <title>${file.name}OFD预览</title>
    <#include "*/commonHeader.ftl">
    <script src="js/base64.min.js" type="text/javascript"></script>
 </head>
@ -22,7 +22,11 @@
    if (!url.startsWith(baseUrl)) {
        url = baseUrl + 'getCorsFile?urlPath=' + encodeURIComponent(Base64.encode(url));
    }
+     if(IsPhone()){
+   	document.getElementsByTagName('iframe')[0].src = "${baseUrl}ofd/index.html?file=" + encodeURIComponent(url)+"&scale=width";
+    }else{
    document.getElementsByTagName('iframe')[0].src = "${baseUrl}ofd/index.html?file="+ encodeURIComponent(url)+"";
+    }
    document.getElementsByTagName('iframe')[0].height = document.documentElement.clientHeight - 10;
    /**
     * 页面变化调整高度
@ -32,7 +36,13 @@
        fm.height = window.document.documentElement.clientHeight - 10;
    }

-
+ function IsPhone() {
+        var info = navigator.userAgent;
+        //通过正则表达式的test方法判断是否包含“Mobile”字符串
+        var isPhone = /mobile/i.test(info);
+        //如果包含“Mobile”（是手机设备）则返回true
+        return isPhone;
+    }
    /*初始化水印*/
    window.onload = function () {
        initWaterMark();