mipengine / mip / 219

pending completion

Build # 219

Build Type

push

travis-ci

Committed by

wupengFEX

Commit Message

<a href="https://github.com/mipengine/mip/commit/<a class=hub.com/mipengine/mip/commit/b885fef6bdd3e183aa02e7c523652a408f9d4150">b885fef6b<a href="https://github.com/mipengine/mip/commit/b885fef6bdd3e183aa02e7c523652a408f9d4150">&quot;&gt;修复async加载mip.js导致的页面在ios safari不能滑动问题 (#207) (#210)

This reverts commit </a><a class="double-link" href="https://github.com/mipengine/mip/commit/<a class="double-link" href="https://github.com/mipengine/mip/commit/b1dc63c3cae66de8e96b896bc0e7a11f56fbca8d">b1dc63c3c</a>">b1dc63c3c</a><a href="https://github.com/mipengine/mip/commit/b885fef6bdd3e183aa02e7c523652a408f9d4150">.

Run Details

1731 of 1808 relevant lines covered (95.74%)

11.37 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

84.26

/src/viewer.js

define(function (require) {
    'use strict';

    var util = require('./util');
    var viewport = require('./viewport');
    var Gesture = util.Gesture;
    var css = util.css;
    var platform = util.platform;
    var EventAction = require('./utils/event-action');
    var EventEmitter = require('./utils/event-emitter');
    var fn = require('./utils/fn');

    /**
     * Save window.
     * @inner
     * @type {Object}
     */
    var win = window;

    /**
     * The mip viewer.Complement native viewer, and solve the page-level problems.
     */
    var viewer = {
        /**
         * The initialise method of viewer
         */
        init: function () {
            /**
             * The gesture of document.Used by the event-action of Viewer.
             * @private
             * @type {Gesture}
             */
            this._gesture = new Gesture(document, {
                preventX: false
            });

            this.setupEventAction();
            // handle preregistered  extensions
            this.handlePreregisteredExtensions();

            if (this.isIframed) {
                this.patchForIframe();
                // proxy links
                this._proxyLink();
                this._viewportScroll();
                // Tell parent page the current page is loaded.
                this.sendMessage('mippageload', {
                    time: Date.now(),
                    title: encodeURIComponent(document.title)
                });
            }
        },

        /**
         * The iframed state.
         * @type {Boolean}
         * @public
         */
        isIframed: win !== top,

        /**
         * Patch for iframe
         */
        patchForIframe: function () {
            // When page in an iframe and browser is IOS,
            // page can not be scrollable. So we need
            // set the style to be `height: 100%; overflow: auto`
            // to solve this problem.
            if (!platform.needSpecialScroll) {
                document.documentElement.classList.add('mip-i-android-scroll');
                document.body.classList.add('mip-i-android-scroll');
            }

            // Fix iphone 5s UC and ios 9 safari bug.
            // While the back button is clicked,
            // the cached page has some problems.
            // So we are forced to load the page in iphone 5s UC
            // and iOS 9 safari.
            var iosVersion = platform.getOsVersion();
            iosVersion = iosVersion ? iosVersion.split('.')[0] : '';
            var needBackReload = (iosVersion == '8' && platform.isUc() && screen.width === 320)
                || (iosVersion == '9' && platform.isSafari());
            if (needBackReload) {
                window.addEventListener('pageshow', function (e) {
                    if (e.persisted) {
                        document.body.style.display = 'none';
                        location.reload();
                    }
                });
            }
        },

        /**
         * Show contents of page. The contents will not be displayed until the components are registered.
         */
        show: function () {
            css(document.body, {
                'opacity': 1,
                'animation': 'none'
            });
            this.isShow = true;
            this._showTiming = Date.now();
            this.trigger('show', this._showTiming);
        },

        /**
         * Send message to parent page.
         * @param {string} eventName
         * @param {Object} data Message body
         */
        sendMessage: function (eventName, data) {
            if (this.isIframed) {
                window.parent.postMessage({
                    event: eventName,
                    data: data
                }, '*');
            }
        },

        /**
         * Setup event-action of viewer. To handle `on="tap:xxx"`.
         */
        setupEventAction: function () {
            var hasTouch = fn.hasTouch();
            var eventAction = this.eventAction = new EventAction();
            if (hasTouch) {
                // In mobile phone, bind Gesture-tap which listen to touchstart/touchend event
                this._gesture.on('tap', function (event) {
                    eventAction.execute('tap', event.target, event);
                });
            } else {
                // In personal computer, bind click event, then trigger event. eg. `on=tap:sidebar.open`, when click, trigger open() function of #sidebar
                document.addEventListener('click', function (event) {
                    eventAction.execute('tap', event.target, event);
                }, false);
            }
        },

        /**
         * Setup event-action of viewer. To handle `on="tap:xxx"`.
         */
        handlePreregisteredExtensions: function () {
            window.MIP = window.MIP || {};
            window.MIP.push = function (extensions) {
                if (extensions && typeof extensions.func == 'function') {
                    extensions.func();
                }
            };
            var preregisteredExtensions = window.MIP.extensions;
            if (preregisteredExtensions && preregisteredExtensions.length) {
                for (var i = 0; i < preregisteredExtensions.length; i++) {
                    var curExtensionObj = preregisteredExtensions[i];
                    if (curExtensionObj && typeof curExtensionObj.func == 'function') {
                        curExtensionObj.func();
                    }
                }
            }
        },

        /**
         * Event binding callback.
         * For overridding _bindEventCallback of EventEmitter.
         *
         * @private
         * @param {string} name
         * @param {Function} handler
         */
        _bindEventCallback: function (name, handler) {
            if (name === 'show' && this.isShow && typeof handler === 'function') {
                handler.call(this, this._showTiming);
            }
        },

        /**
         * Listerning viewport scroll
         * @private
         */
        _viewportScroll: function () {

            var self = this;
            var dist = 0;
            var direct = 0;
            var scrollTop = viewport.getScrollTop();
            var lastDirect = 0;
            var scrollHeight = viewport.getScrollHeight();
            var lastScrollTop = 0;
            var wrapper = (util.platform.needSpecialScroll ? document.body : win);

            wrapper.addEventListener('touchstart',function(event){
                scrollTop = viewport.getScrollTop();
                scrollHeight = viewport.getScrollHeight();
            });

            function pagemove () {
                scrollTop = viewport.getScrollTop();
                scrollHeight = viewport.getScrollHeight();
                if (scrollTop > 0 && scrollTop < scrollHeight) {
                    if (lastScrollTop < scrollTop) {
                        // down
                        direct = 1;
                    }
                    else if (lastScrollTop > scrollTop) {
                        // up
                        direct = -1;
                    }
                    dist = lastScrollTop - scrollTop;
                    lastScrollTop = scrollTop;
                    if (dist > 10 || dist < -10) {
                        // 转向判断，暂时没用到，后续升级需要
                        lastDirect = dist/Math.abs(dist);
                        self.sendMessage('mipscroll', { 'direct': direct, 'dist': dist});
                    }
                }
            }
            wrapper.addEventListener('touchmove',function(event){
                pagemove();
            });
            wrapper.addEventListener('touchend',function(event){
                pagemove();
            });
        },

        /**
         * Agent all the links in iframe.
         * @private
         */
         _proxyLink: function () {
            var self = this;
            var regexp = /^http/;
            util.event.delegate(document, 'a', 'click', function (e) {
                if (!this.href) {
                    return;
                }
                // For mail、phone、market、app ...
                // Safari failed when iframed. So add the `target="_top"` to fix it.
                if (!regexp.test(this.href)) {
                    this.setAttribute('target', '_top');
                    return;
                }
                e.preventDefault();
                if (this.hasAttribute('mip-link') || this.getAttribute('data-type') === 'mip') {
                    var message = self._getMessageData.call(this);
                    self.sendMessage(message.messageKey, message.messageData);
                } else {
                    // other jump through '_top'
                    top.location.href = this.href;
                }

            }, false);
        },
        /**
         * get alink postMessage data
         * @return {Object} messageData
         */
        _getMessageData: function () {
            var messageKey = 'loadiframe';
            var messageData = {};
            messageData.url = this.href;
            if (this.hasAttribute('mip-link')) {
                var parent = this.parentNode;
                messageData.title = parent.getAttribute('title') || parent.innerText.trim().split('\n')[0];
                messageData.click = parent.getAttribute('data-click');
            } else {
                messageData.title = this.getAttribute('data-title') || this.innerText.trim().split('\n')[0];
                messageData.click = this.getAttribute('data-click');
            }
            return {
                'messageKey': messageKey,
                'messageData': messageData
            };
        }
    };

    EventEmitter.mixin(viewer);

    return viewer;
});

1	define(function (require) {	1✔
2	'use strict';
3
4	var util = require('./util');
5	var viewport = require('./viewport');
6	var Gesture = util.Gesture;
7	var css = util.css;
8	var platform = util.platform;
9	var EventAction = require('./utils/event-action');
10	var EventEmitter = require('./utils/event-emitter');	1✔
11	var fn = require('./utils/fn');	1✔
12		1✔
13	/**	1✔
14	* Save window.	1✔
15	* @inner	1✔
16	* @type {Object}	1✔
17	*/	1✔
18	var win = window;
19
20	/**
21	* The mip viewer.Complement native viewer, and solve the page-level problems.
22	*/
23	var viewer = {	1✔
24	/**
25	* The initialise method of viewer
26	*/
27	init: function () {	1✔
28	/**
29	* The gesture of document.Used by the event-action of Viewer.
30	* @private
31	* @type {Gesture}
32	*/
33	this._gesture = new Gesture(document, {
34	preventX: false
35	});
36
37	this.setupEventAction();	3✔
38	// handle preregistered extensions	3✔
39	this.handlePreregisteredExtensions();
40		3✔
41	if (this.isIframed) {	3✔
42	this.patchForIframe();	3✔
43	// proxy links
44	this._proxyLink();	3✔
45	this._viewportScroll();	3✔
46	// Tell parent page the current page is loaded.
47	this.sendMessage('mippageload', {	3✔
48	time: Date.now(),
49	title: encodeURIComponent(document.title)
50	});
51	}
52	},
53
54	/**
55	* The iframed state.
56	* @type {Boolean}
57	* @public
58	*/
59	isIframed: win !== top,
60
61	/**
62	* Patch for iframe
63	*/
64	patchForIframe: function () {
65	// When page in an iframe and browser is IOS,
66	// page can not be scrollable. So we need
67	// set the style to be `height: 100%; overflow: auto`	6✔
68	// to solve this problem.	5✔
69	if (!platform.needSpecialScroll) {	5✔
70	document.documentElement.classList.add('mip-i-android-scroll');
71	document.body.classList.add('mip-i-android-scroll');
72	}
73
74	// Fix iphone 5s UC and ios 9 safari bug.
75	// While the back button is clicked,
76	// the cached page has some problems.	6✔
77	// So we are forced to load the page in iphone 5s UC	6✔
78	// and iOS 9 safari.	6✔
79	var iosVersion = platform.getOsVersion();	6✔
80	iosVersion = iosVersion ? iosVersion.split('.')[0] : '';	1✔
81	var needBackReload = (iosVersion == '8' && platform.isUc() && screen.width === 320)	1✔
82	\|\| (iosVersion == '9' && platform.isSafari());	×
83	if (needBackReload) {	×
84	window.addEventListener('pageshow', function (e) {
85	if (e.persisted) {
86	document.body.style.display = 'none';
87	location.reload();
88	}
89	});
90	}
91	},
92		1✔
93	/**
94	* Show contents of page. The contents will not be displayed until the components are registered.
95	*/
96	show: function () {	1✔
97	css(document.body, {	1✔
98	'opacity': 1,	1✔
99	'animation': 'none'
100	});
101	this.isShow = true;
102	this._showTiming = Date.now();
103	this.trigger('show', this._showTiming);
104	},
105
106	/**	11✔
107	* Send message to parent page.	10✔
108	* @param {string} eventName
109	* @param {Object} data Message body
110	*/
111	sendMessage: function (eventName, data) {
112	if (this.isIframed) {
113	window.parent.postMessage({
114	event: eventName,
115	data: data
116	}, '*');
117	}	3✔
118	},	3✔
119		3✔
120	/**
121	* Setup event-action of viewer. To handle `on="tap:xxx"`.	×
122	*/	×
123	setupEventAction: function () {
124	var hasTouch = fn.hasTouch();
125	var eventAction = this.eventAction = new EventAction();
126	if (hasTouch) {	3✔
127	// In mobile phone, bind Gesture-tap which listen to touchstart/touchend event	13✔
128	this._gesture.on('tap', function (event) {
129	eventAction.execute('tap', event.target, event);
130	});
131	} else {
132	// In personal computer, bind click event, then trigger event. eg. `on=tap:sidebar.open`, when click, trigger open() function of #sidebar
133	document.addEventListener('click', function (event) {
134	eventAction.execute('tap', event.target, event);
135	}, false);	4✔
136	}	4✔
137	},	1✔
138		1✔
139	/**
140	* Setup event-action of viewer. To handle `on="tap:xxx"`.
141	*/	4✔
142	handlePreregisteredExtensions: function () {	4✔
143	window.MIP = window.MIP \|\| {};	1✔
144	window.MIP.push = function (extensions) {	1✔
145	if (extensions && typeof extensions.func == 'function') {	1✔
146	extensions.func();	1✔
147	}
148	};
149	var preregisteredExtensions = window.MIP.extensions;
150	if (preregisteredExtensions && preregisteredExtensions.length) {
151	for (var i = 0; i < preregisteredExtensions.length; i++) {
152	var curExtensionObj = preregisteredExtensions[i];
153	if (curExtensionObj && typeof curExtensionObj.func == 'function') {
154	curExtensionObj.func();
155	}
156	}
157	}
158	},
159
160	/**	1✔
161	* Event binding callback.	1✔
162	* For overridding _bindEventCallback of EventEmitter.
163	*
164	* @private
165	* @param {string} name
166	* @param {Function} handler
167	*/
168	_bindEventCallback: function (name, handler) {
169	if (name === 'show' && this.isShow && typeof handler === 'function') {	3✔
170	handler.call(this, this._showTiming);	3✔
171	}	3✔
172	},	3✔
173		3✔
174	/**	3✔
175	* Listerning viewport scroll	3✔
176	* @private	3✔
177	*/	3✔
178	_viewportScroll: function () {	12✔
179		12✔
180	var self = this;
181	var dist = 0;	1✔
182	var direct = 0;	8✔
183	var scrollTop = viewport.getScrollTop();	8✔
184	var lastDirect = 0;	8✔
185	var scrollHeight = viewport.getScrollHeight();	×
186	var lastScrollTop = 0;
187	var wrapper = (util.platform.needSpecialScroll ? document.body : win);	×
188		×
189	wrapper.addEventListener('touchstart',function(event){
190	scrollTop = viewport.getScrollTop();	×
191	scrollHeight = viewport.getScrollHeight();
192	});	×
193		×
194	function pagemove () {	×
195	scrollTop = viewport.getScrollTop();
196	scrollHeight = viewport.getScrollHeight();	×
197	if (scrollTop > 0 && scrollTop < scrollHeight) {	×
198	if (lastScrollTop < scrollTop) {
199	// down
200	direct = 1;
201	}
202	else if (lastScrollTop > scrollTop) {
203	// up
204	direct = -1;	3✔
205	}	×
206	dist = lastScrollTop - scrollTop;
207	lastScrollTop = scrollTop;	3✔
208	if (dist > 10 \|\| dist < -10) {	8✔
209	// 转向判断，暂时没用到，后续升级需要
210	lastDirect = dist/Math.abs(dist);
211	self.sendMessage('mipscroll', { 'direct': direct, 'dist': dist});
212	}
213	}
214	}
215	wrapper.addEventListener('touchmove',function(event){
216	pagemove();	3✔
217	});	3✔
218	wrapper.addEventListener('touchend',function(event){	3✔
219	pagemove();	9✔
220	});	3✔
221	},
222
223	/**
224	* Agent all the links in iframe.	6✔
225	* @private	×
226	*/	×
227	_proxyLink: function () {
228	var self = this;	6✔
229	var regexp = /^http/;	6✔
230	util.event.delegate(document, 'a', 'click', function (e) {	6✔
231	if (!this.href) {	6✔
232	return;
233	}
234	// For mail、phone、market、app ...	×
235	// Safari failed when iframed. So add the `target="_top"` to fix it.
236	if (!regexp.test(this.href)) {
237	this.setAttribute('target', '_top');
238	return;
239	}
240	e.preventDefault();
241	if (this.hasAttribute('mip-link') \|\| this.getAttribute('data-type') === 'mip') {
242	var message = self._getMessageData.call(this);
243	self.sendMessage(message.messageKey, message.messageData);	10✔
244	} else {	10✔
245	// other jump through '_top'	10✔
246	top.location.href = this.href;	10✔
247	}	5✔
248		5✔
249	}, false);	5✔
250	},
251	/**	5✔
252	* get alink postMessage data	5✔
253	* @return {Object} messageData
254	*/	10✔
255	_getMessageData: function () {
256	var messageKey = 'loadiframe';
257	var messageData = {};
258	messageData.url = this.href;
259	if (this.hasAttribute('mip-link')) {
260	var parent = this.parentNode;	1✔
261	messageData.title = parent.getAttribute('title') \|\| parent.innerText.trim().split('\n')[0];	1✔
262	messageData.click = parent.getAttribute('data-click');
263	} else {
264	messageData.title = this.getAttribute('data-title') \|\| this.innerText.trim().split('\n')[0];
265	messageData.click = this.getAttribute('data-click');
266	}
267	return {
268	'messageKey': messageKey,
269	'messageData': messageData
270	};
271	}
272	};
273
274	EventEmitter.mixin(viewer);
275
276	return viewer;
277	});

mipengine / mip / 219

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous