/**
|
* 传统HTML支持RPX工具
|
*
|
* 使用方法：
|
* 1、引入
|
* 2、在body之前执行
|
*
|
* 注意事项：
|
* 1、简写的不认（比如border:#f3f3f3 1px solid是不识别的）
|
* 2、写的时候要用px，不要用rpx
|
* 3、不支持不同源的link
|
* 4、只能执行一次，否则会算错
|
* 5、不要试图往resize事件里放
|
*
|
* @author 杨若瑜
|
*/
|
(function () {
|
var isReady = false;
|
var readyList = [];
|
var timer;
|
whenDocumentReady = function (fn) {
|
if (isReady) fn.call(document);
|
else
|
readyList.push(function () {
|
return fn.call(this);
|
});
|
return this;
|
};
|
var onDOMReady = function () {
|
for (var i = 0; i < readyList.length; i++) {
|
readyList[i].apply(document);
|
}
|
readyList = null;
|
};
|
var bindReady = function (evt) {
|
if (isReady) return;
|
isReady = true;
|
onDOMReady.call(window);
|
if (document.removeEventListener) {
|
document.removeEventListener('DOMContentLoaded', bindReady, false);
|
} else if (document.attachEvent) {
|
document.detachEvent('onreadystatechange', bindReady);
|
if (window == window.top) {
|
clearInterval(timer);
|
timer = null;
|
}
|
}
|
};
|
|
if (document.addEventListener) {
|
document.addEventListener('DOMContentLoaded', bindReady, false);
|
} else if (document.attachEvent) {
|
document.attachEvent('onreadystatechange', function () {
|
if (/loaded|complete/.test(document.readyState)) bindReady();
|
});
|
|
if (window == window.top) {
|
timer = setInterval(function () {
|
try {
|
isReady || document.documentElement.doScroll('left');
|
} catch (e) {
|
return;
|
}
|
bindReady();
|
}, 5);
|
}
|
}
|
})();
|
|
let rpx4html = () => {
|
let globalWidth = document.documentElement.clientWidth;
|
let perRpx = globalWidth / 750;
|
for (let ssi in document.styleSheets) {
|
let sheet = document.styleSheets[ssi];
|
if (sheet.cssRules) {
|
for (let cri in sheet.cssRules) {
|
let rule = sheet.cssRules[cri];
|
for (let si in rule.style) {
|
let name = rule.style[si];
|
let value = rule.style[name];
|
if (value && value.indexOf('px') > -1 && value.search('^[0-9]+px$') > -1) {
|
let num = new Number(value.match('[0-9]+')[0]);
|
rule.style[name] = num * perRpx + 'px';
|
}
|
}
|
}
|
}
|
}
|
};
|
|
whenDocumentReady(rpx4html);
|
