| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Weex Loader Demo</title> |
| <meta name="apple-mobile-web-app-capable" content="yes" /> |
| <meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
| <meta name="apple-touch-fullscreen" content="yes" /> |
| <meta name="format-detection" content="telephone=no, email=no" /> |
| <!--flexible--> |
| <script> |
| !function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("The page size will be adapted by the <meta> info.");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={})); |
| </script> |
| <style> |
| body > h1 { |
| background-color: #666; |
| color: #EFEFEF; |
| padding: 10px; |
| } |
| </style> |
| </head> |
| <body> |
| <h1>[Test Case Actual]</h1> |
| <div id="test_actual"></div> |
| <br /><br /><br /><br /><br /><br /> |
| <h1>[Test Case Expect]</h1> |
| <div id="test_expect"></div> |
| <!-- jsframework --> |
| <script src="./lib/jsfm.js"></script> |
| <!-- h5render --> |
| <script src="./lib/h5render.js"></script> |
| <!-- entry --> |
| <script> |
| /** |
| * init weex instance depending on the url params. |
| * There are three ways to load weex bundles, depends on the |
| * parameter 'loader' in the url: |
| * |
| * + xhr: use XMLHttpRequest. Parameter 'page' should be |
| * the bundle's url. |
| * + jsonp: use jsonp. Parameter 'page' should be the request |
| * url and jsonpCallback should be specified during calling |
| * weex.init. |
| * + source: use the transformed code itself. 'page' should |
| * be the transformed weex bundle. |
| * |
| * @param {String} bundle It has different meaning depends on |
| * the type of loader. |
| */ |
| (function () { |
| window.weex.init({ |
| appId: 'actual/a.js', |
| loader: 'xhr', |
| source: './actual/a.js', |
| rootId: 'test_actual' |
| }); |
| |
| window.weex.init({ |
| appId: 'expect/a.js', |
| loader: 'xhr', |
| source: './expect/a.js', |
| rootId: 'test_expect' |
| }); |
| })(); |
| </script> |
| </body> |
| </html> |
