☰

Greasy Fork is available in English.

手机浏览器触摸手势

为手机浏览器添加触摸手势，即装即用，无需配置。除了通用手势外，还有针对文字、图片、视频的特殊手势。还嫌不够？支持添加属于你的个性化手势。推荐使用狐猴浏览器、Yandex浏览器和Kiwi浏览器。

Version vom 08.09.2024. Aktuellste Version

  1. // ==UserScript==
  2. // @name		手机浏览器触摸手势
  3. // @name:en		Mobile browser touch gestures
  4. // @description	为手机浏览器添加触摸手势，即装即用，无需配置。除了通用手势外，还有针对文字、图片、视频的特殊手势。还嫌不够？支持添加属于你的个性化手势。推荐使用狐猴浏览器、Yandex浏览器和Kiwi浏览器。
  5. // @description:en	Add touch gestures to your mobile browser, ready to use and no configuration required. In addition to general gestures, there are also special gestures for text, images, and videos. Do you still think it's not enough? Support adding personalized gestures that belong to you. We recommend using Lemur browser, Yandex browser, and Kiwi browser.
  6. // @version		9.5.3
  7. // @author		L.Xavier
  8. // @namespace	https://greasyfork.org/zh-CN/users/128493
  9. // @match		*://*/*
  10. // @license		MIT
  11. // @grant		window.close
  12. // @grant		GM_setValue
  13. // @grant		GM_getValue
  14. // @grant		GM_openInTab
  15. // @grant		GM_setClipboard
  16. // @grant		GM_addValueChangeListener
  17. // @run-at		document-start
  18. // ==/UserScript==
  19. // v9.5.3		2024-09-08 - 增加对shadow-root内容的复制和图片识别
  20. /*手势数据模块*/
  21. let gesture={
  22. 	'↑→↓←':'打开设置',
  23. 	'◆◆':'视频全屏',
  24. 	'●':'手势穿透',
  25. 	'→←':'后退',
  26. 	'←→':'前进',
  27. 	'↓↑':'回到顶部',
  28. 	'↑↓':'回到底部',
  29. 	'←↓':'刷新页面',
  30. 	'←↑':'新建页面',
  31. 	'→↓':'关闭页面',
  32. 	'→↑':'恢复页面',
  33. 	'↓↑●':'新页面打开',
  34. 	'↑↓●':'隐藏元素',
  35. 	'↓→':'复制页面',
  36. 	'→←→':'半屏模式',
  37. 	'→↓↑←':'视频解析',
  38. 	'T→↑':'百度翻译',
  39. 	'T←↑':'有道翻译',
  40. 	'T◆◆':'双击搜索',
  41. 	'I↓↑●':'打开图片',
  42. 	'I→↑●':'百度搜图',
  43. 	'V→':'前进10s',
  44. 	'V←':'后退10s',
  45. 	'V↑':'增加倍速',
  46. 	'V↓':'减小倍速',
  47. 	'V→●':'快进播放',
  48. 	'V→○':'停止快进',
  49. 	'V←●':'快退播放',
  50. 	'V←○':'停止快退',
  51. 	'V↑●':'增加音量',
  52. 	'V↑○':'关闭增加音量',
  53. 	'V↓●':'减少音量',
  54. 	'V↓○':'关闭减少音量',
  55. 	'V→▼':'右滑进度',
  56. 	'V→▽':'关闭右滑进度',
  57. 	'V←▼':'左滑进度',
  58. 	'V←▽':'关闭左滑进度'
  59. },
  60. pathFn={
  61. 	'打开设置':'/*ONLY TOP*/openSet();',
  62. 	'视频全屏':'videoFullScreen();',
  63. 	'手势穿透':'if(/^[TIV]/.test(path)){path=(path.indexOf("I")>-1) ? "I" : "";}else if(gestureData.touchEle.nodeName==="IMG" && settings["图片手势"]){path="I";}else if(gestureData.touchEle.style.backgroundImage && settings["图片手势"]){gestureData.touchEle.src=gestureData.touchEle.style.backgroundImage.split(\'"\')[1];path="I";}',
  64. 	'后退':'/*ONLY TOP*/function pageBack(){if(gestureData.backTimer){history.go(-1);setTimeout(pageBack,20);}}gestureData.backTimer=setTimeout(()=>{gestureData.backTimer=0;window.close();},200);pageBack();',
  65. 	'前进':'/*ONLY TOP*/history.go(1);',
  66. 	'回到顶部':'/*WITH TOP*/let boxNode=gestureData.touchEle.parentNode;while(boxNode.nodeName!=="#document"){boxNode.scrollIntoView(true);if(boxNode.scrollTop){boxNode.scrollTo(0,0);}boxNode=boxNode.parentNode;}',
  67. 	'回到底部':'/*WITH TOP*/let boxNode=gestureData.touchEle.parentNode;while(boxNode.nodeName!=="#document"){if(getComputedStyle(boxNode).overflowY!=="hidden"){boxNode.scrollTo(0,boxNode.scrollHeight+999999);}boxNode=boxNode.parentNode;}',
  68. 	'刷新页面':'/*ONLY TOP*/document.documentElement.style.cssText="filter:grayscale(100%)";history.go(0);',
  69. 	'新建页面':'/*ONLY TOP*/GM_openInTab("//limestart.cn");',
  70. 	'关闭页面':'/*ONLY TOP*/window.close();',
  71. 	'恢复页面':'/*ONLY TOP*/GM_openInTab("chrome-native://recent-tabs");',
  72. 	'新页面打开':'let linkNode=gestureData.touchEle;while(true){if(linkNode.href){GM_openInTab(linkNode.href);break;}linkNode=linkNode.parentNode;if(linkNode.nodeName==="BODY"){gestureData.touchEle.click();break;}}',
  73. 	'隐藏元素':'let boxNode=gestureData.touchEle,area=boxNode.offsetWidth*boxNode.offsetHeight,area_p=boxNode.parentNode.offsetWidth*boxNode.parentNode.offsetHeight,area_s=screen.width*screen.height;while(boxNode.parentNode.nodeName!=="BODY" && area/area_p>0.2 && area_p/area_s<0.9){boxNode=boxNode.parentNode;area_p=boxNode.parentNode.offsetWidth*boxNode.parentNode.offsetHeight;}if(boxNode.nodeName!=="HTML"){boxNode.remove();}',
  74. 	'复制页面':'/*ONLY TOP*/GM_openInTab(location.href);',
  75. 	'半屏模式':'/*ONLY TOP*/if(gestureData.halfScreen){setTimeout(()=>{gestureData.halfScreen.remove();halfClose.remove();gestureData.halfScreen=null;document.documentElement.scrollTop=gestureData.scrollTop;},500);gestureData.scrollTop=document.body.scrollTop;let halfClose=addStyle("html{transform:translateY(0) !important;}");}else{gestureData.scrollTop=document.documentElement.scrollTop;gestureData.halfScreen=addStyle("html,body{height:43vh !important;overflow-y:auto !important;}html{transform:translateY(50vh) !important;transition:0.5s !important;overflow:hidden !important;}");document.body.scrollTop=gestureData.scrollTop;}',
  76. 	'视频解析':'/*ONLY TOP*/GM_openInTab("https://jx.xmflv.com/?url="+location.href);',
  77. 	'百度翻译':'GM_openInTab("//fanyi.baidu.com/#auto/auto/"+encodeURIComponent(gestureData.selectWords));',
  78. 	'有道翻译':'GM_openInTab("//dict.youdao.com/w/eng/"+encodeURIComponent(gestureData.selectWords));',
  79. 	'双击搜索':'GM_setClipboard(gestureData.selectWords);if(!regURL.test(gestureData.selectWords.trim())){gestureData.selectWords="//bing.com/search?q="+encodeURIComponent(gestureData.selectWords);}else if(!/^(https?:)?\\/\\//.test(gestureData.selectWords.trim())){gestureData.selectWords="//"+gestureData.selectWords.trim();}GM_openInTab(gestureData.selectWords.trim());',
  80. 	'打开图片':'GM_openInTab(gestureData.touchEle.src);',
  81. 	'百度搜图':'GM_openInTab("//graph.baidu.com/details?isfromtusoupc=1&tn=pc&carousel=0&promotion_name=pc_image_shituindex&extUiData%5bisLogoShow%5d=1&image="+gestureData.touchEle.src);',
  82. 	'前进10s':'videoPlayer.currentTime+=10;gestureData.tipBox.textContent="+10s ";gestureData.tipBox.style.display="block";setTimeout(()=>{gestureData.tipBox.style.display="none";},500);',
  83. 	'后退10s':'videoPlayer.currentTime-=10;gestureData.tipBox.textContent="-10s ";gestureData.tipBox.style.display="block";setTimeout(()=>{gestureData.tipBox.style.display="none";},500);',
  84. 	'增加倍速':'if(document.fullscreen){let playSpeed=videoPlayer.playbackRate;playSpeed+=(playSpeed<1.5) ? 0.25 : 0.5;gestureData.tipBox.textContent="×"+playSpeed+" ∞ ";gestureData.tipBox.style.display="block";videoPlayer.playbackRate=playSpeed;setTimeout(()=>{gestureData.tipBox.style.display="none";},500)}',
  85. 	'减小倍速':'if(document.fullscreen){let playSpeed=videoPlayer.playbackRate;playSpeed-=(playSpeed>1.5) ? 0.5 : (playSpeed>0.25 && 0.25);gestureData.tipBox.textContent="×"+playSpeed+" ∞ ";gestureData.tipBox.style.display="block";videoPlayer.playbackRate=playSpeed;setTimeout(()=>{gestureData.tipBox.style.display="none";},500)}',
  86. 	'快进播放':'gestureData.playSpeed=videoPlayer.playbackRate;videoPlayer.playbackRate=10;gestureData.tipBox.textContent="×10 ";gestureData.tipBox.style.display="block";',
  87. 	'停止快进':'videoPlayer.playbackRate=gestureData.playSpeed;gestureData.tipBox.style.display="none";',
  88. 	'快退播放':'gestureData.videoTimer=setInterval(()=>{--videoPlayer.currentTime;},100);gestureData.tipBox.textContent="- ×10 ";gestureData.tipBox.style.display="block";',
  89. 	'停止快退':'clearInterval(gestureData.videoTimer);gestureData.tipBox.style.display="none";',
  90. 	'增加音量':'if(document.fullscreen){videoPlayer.muted=false;gestureData.tipBox.textContent=(videoPlayer.volume*100|0)+"%";gestureData.tipBox.style.display="block";let lastY=gestureData.touchEnd.screenY;gestureData.videoTimer=setInterval(()=>{if(lastY-gestureData.touchEnd.screenY){let tempVolume=videoPlayer.volume+(lastY-gestureData.touchEnd.screenY)/100;videoPlayer.volume=+(tempVolume>1) || (+(tempVolume>0) && tempVolume);gestureData.tipBox.textContent=(videoPlayer.volume*100|0)+"%";lastY=gestureData.touchEnd.screenY;}},50);}',
  91. 	'关闭增加音量':'clearInterval(gestureData.videoTimer);gestureData.tipBox.style.display="none";',
  92. 	'减少音量':'if(document.fullscreen){videoPlayer.muted=false;gestureData.tipBox.textContent=(videoPlayer.volume*100|0)+"%";gestureData.tipBox.style.display="block";let lastY=gestureData.touchEnd.screenY;gestureData.videoTimer=setInterval(()=>{if(lastY-gestureData.touchEnd.screenY){let tempVolume=videoPlayer.volume+(lastY-gestureData.touchEnd.screenY)/100;videoPlayer.volume=+(tempVolume>1) || (+(tempVolume>0) && tempVolume);gestureData.tipBox.textContent=(videoPlayer.volume*100|0)+"%";lastY=gestureData.touchEnd.screenY;}},50);}',
  93. 	'关闭减少音量':'clearInterval(gestureData.videoTimer);gestureData.tipBox.style.display="none";',
  94. 	'右滑进度':'let lastX=gestureData.touchEnd.screenX,hour,minu,sec;function showTip(){minu=videoPlayer.currentTime/60;sec=videoPlayer.currentTime%60;hour=minu/60;minu%=60;gestureData.tipBox.textContent=(hour|0)+":"+((minu<10) ? "0":"")+(minu|0)+":"+((sec<10) ? "0" : "")+(sec|0);}showTip();gestureData.tipBox.style.display="block";gestureData.videoTimer=setInterval(()=>{let len=gestureData.touchEnd.screenX-lastX;if(len){videoPlayer.currentTime+=len*(1+Math.abs(len)/5);lastX=gestureData.touchEnd.screenX;}showTip();},50);',
  95. 	'关闭右滑进度':'clearInterval(gestureData.videoTimer);gestureData.tipBox.style.display="none";',
  96. 	'左滑进度':'let lastX=gestureData.touchEnd.screenX,hour,minu,sec;function showTip(){minu=videoPlayer.currentTime/60;sec=videoPlayer.currentTime%60;hour=minu/60;minu%=60;gestureData.tipBox.textContent=(hour|0)+":"+((minu<10) ? "0":"")+(minu|0)+":"+((sec<10) ? "0" : "")+(sec|0);}showTip();gestureData.tipBox.style.display="block";gestureData.videoTimer=setInterval(()=>{let len=gestureData.touchEnd.screenX-lastX;if(len){videoPlayer.currentTime+=len*(1+Math.abs(len)/5);lastX=gestureData.touchEnd.screenX;}showTip();},50);',
  97. 	'关闭左滑进度':'clearInterval(gestureData.videoTimer);gestureData.tipBox.style.display="none";'
  98. },
  99. settings={
  100. 	'滑动系数':[0.2,0,0.5,2],//[当前值,最小值,最大值,取值精度]
  101. 	'文字手势':true,
  102. 	'图片手势':true,
  103. 	'视频手势':true,
  104. 	'视频下载':false,
  105. 	'避免断触':false
  106. };
  107. //存储数据读取
  108. gesture=GM_getValue('gesture',gesture);
  109. pathFn=GM_getValue('pathFn',pathFn);
  110. settings=GM_getValue('settings',settings);
  111. //脚本常量
  112. const gestureData={},minSide=(screen.width>screen.height) ? screen.height : screen.width,limit=(minSide*settings['滑动系数'][0])**2,attachShadow=Element.prototype.attachShadow,regURL=/^((https?:)?\/\/)?([\w\-]+\.)+\w{2,4}(:\d{1,5})?(\/\S*)?$/,mObserver=new MutationObserver(()=>{if(!checkTimer){checkTimer=setTimeout(loadCheck,200);}});
  113.  
  114. /*手势功能模块*/
  115. //手指功能变量
  116. let path='',startPoint=null,timeSpan=0,raiseTime=0,slideTime=0,slideLimit=0,fingersNum=0,gestureTimer=0,clickTimer=0,isAllow=0,isClick=0,showMenu=0;
  117. //手势执行
  118. function runCode(code){
  119. 	try{eval(code);}catch(error){
  120. 		if((error+'').indexOf('unsafe-eval')>-1){
  121. 			if(!window._eval_){
  122. 				window._eval_=(()=>{
  123. 					let script=document.createElement('script');
  124. 					function thisParams(){
  125. 						this.window.close=window.close;
  126. 						this.GM_setValue=GM_setValue;
  127. 						this.GM_getValue=GM_getValue;
  128. 						this.GM_openInTab=GM_openInTab;
  129. 						this.GM_setClipboard=GM_setClipboard;
  130. 						this.runCode=runCode;
  131. 						this.runFrame=runFrame;
  132. 						this.runGesture=runGesture;
  133. 						this.videoFullScreen=videoFullScreen;
  134. 						this.findVideoBox=findVideoBox;
  135. 						this.addStyle=addStyle;
  136. 						this.openSet=openSet;
  137. 						this.gestureData=gestureData;
  138. 						this.regURL=regURL;
  139. 						this.path=path;
  140. 						this.videoPlayer=videoPlayer;
  141. 					}
  142. 					return (js)=>{
  143. 						thisParams();script.remove();
  144. 						script.textContent='try{'+js+'}catch(error){alert("“"+path+"” 手势执行脚本错误：\\n"+error+" ！");}';
  145. 						document.body.insertAdjacentElement('beforeend',script);
  146. 					}
  147. 				})();
  148. 				if(top===self){window._eval_('window.addEventListener("popstate",()=>{clearTimeout(gestureData.backTimer);gestureData.backTimer=0;},true);window.addEventListener("beforeunload",()=>{clearTimeout(gestureData.backTimer);gestureData.backTimer=0;},true);');}
  149. 			}
  150. 			window._eval_(code);
  151. 		}
  152. 		else{alert('“'+path+'” 手势执行脚本错误：\n'+error+' ！');}
  153. 	}
  154. }
  155. function runFrame(runPath){
  156. 	let code=pathFn[gesture[runPath]];
  157. 	if(top===self || /^[TIV]/.test(runPath)){runCode(code);}
  158. 	else{
  159. 		if(code.indexOf('/*ONLY TOP*/')<0){runCode(code);}
  160. 		if(/\/\*(ONLY|WITH) TOP\*\//.test(code)){
  161. 			if(/[●▼]$/.test(runPath)){window._isPushing_=()=>{let _gestureData={};_gestureData.touchEnd=copyTouch(gestureData.touchEnd);top.postMessage({'type':'pushTouch','gestureData':_gestureData},'*');}}
  162. 			let _gestureData={};
  163. 			_gestureData.touchStart=copyTouch(gestureData.touchStart);
  164. 			_gestureData.touchEnd=copyTouch(gestureData.touchEnd);
  165. 			top.postMessage({'type':'runPath','runPath':path,'gestureData':_gestureData},'*');
  166. 		}
  167. 	}
  168. }
  169. function runGesture(newPath){
  170. 	if(gesture[path]){
  171. 		runFrame(path);
  172. 		if(gesture[newPath]){path=newPath;}
  173. 	}else if(gesture[path.slice(1)] && /^[TIV]/.test(path)){
  174. 		runFrame(path.slice(1));
  175. 		if(gesture[newPath?.slice(1)]){path=newPath;}
  176. 	} raiseTime=0;
  177. }
  178. //长按执行
  179. function longPress(){
  180. 	if(!/[●○▽]$/.test(path)){
  181. 		isAllow=isClick=0;
  182. 		startPoint=gestureData.touchEnd;
  183. 		let newPath=path+'○';path+='●';
  184. 		runGesture(newPath);
  185. 	}
  186. }
  187. //持续滑动执行
  188. function slidingRun(){
  189. 	slideTime=0;
  190. 	let newPath=path+'▽';path+='▼';
  191. 	runGesture(newPath);
  192. 	path=path.replace('▼','');
  193. }
  194. //手指按下
  195. function touchStart(e){
  196. 	clearTimeout(gestureTimer);
  197. 	if((fingersNum=e.touches.length)>1){return;}
  198. 	timeSpan=Date.now()-raiseTime;
  199. 	let lineLen=raiseTime && (e.changedTouches[0].screenX-gestureData.touchEnd.screenX)**2+(e.changedTouches[0].screenY-gestureData.touchEnd.screenY)**2;
  200. 	if(timeSpan>50 || lineLen>limit){//断触判断
  201. 		startPoint=e.changedTouches[0];
  202. 		if(timeSpan>200 || lineLen>limit){
  203. 			path='';slideLimit=limit;
  204. 			gestureData.touchEle=e.target;
  205. 			gestureData.touchEnd=gestureData.touchStart=startPoint;
  206. 			gestureData.selectWords=window.getSelection()+'';
  207. 			if(gestureData.selectWords && settings['文字手势']){path='T';}
  208. 			else if(document.contains(videoPlayer) && settings['视频手势']){
  209. 				let videoRect=findVideoBox().getBoundingClientRect();
  210. 				if(fullsState>0 && gestureData.touchStart.clientY<(videoRect.y+videoRect.height/8)){path='!';}
  211. 				else if(gestureData.touchStart.clientX>videoRect.x && gestureData.touchStart.clientX<(videoRect.x+videoRect.width) && gestureData.touchStart.clientY>videoRect.y && gestureData.touchStart.clientY<(videoRect.y+videoRect.height)){path='V';}
  212. 			}
  213. 		}else if(isClick){e.preventDefault();} isClick=1;
  214. 	}else if(isClick){clearTimeout(clickTimer);path=path.slice(0,-1);}
  215. 	gestureTimer=setTimeout(longPress,300);
  216. }
  217. //手指滑动
  218. function touchMove(e){
  219. 	clearTimeout(gestureTimer);
  220. 	gestureData.touchEnd=e.changedTouches[0];
  221. 	if(window._isPushing_){setTimeout(window._isPushing_);}
  222. 	if(/[○▽]$/.test(path) || fingersNum>1){return;}
  223. 	let xLen=(gestureData.touchEnd.screenX-startPoint.screenX)**2,yLen=(gestureData.touchEnd.screenY-startPoint.screenY)**2,
  224. 	direction=(xLen>yLen*1.42) ? ((gestureData.touchEnd.screenX>startPoint.screenX) ? '→' : '←') : ((gestureData.touchEnd.screenY>startPoint.screenY) ? '↓' : '↑'),
  225. 	nowTime=Date.now(),pathLen=xLen+yLen,lastIcon=path.slice(-1);
  226. 	if((lastIcon===direction && pathLen>limit/576) || pathLen>slideLimit){
  227. 		if(lastIcon!==direction && (timeSpan<50 || 'TIV◆'.indexOf(lastIcon)>-1)){path+=direction;slideLimit*=(slideLimit<limit/2) || 0.64;slideTime=nowTime;isAllow=1;timeSpan=0;}
  228. 		startPoint=gestureData.touchEnd;
  229. 		if(slideTime && nowTime-slideTime>300){setTimeout(slidingRun);}
  230. 	}else if(pathLen>limit/100){isClick=slideTime=isAllow=0;}
  231. 	gestureTimer=setTimeout(longPress,300);
  232. }
  233. //手指抬起
  234. function touchEnd(e){
  235. 	clearTimeout(gestureTimer);
  236. 	if(--fingersNum>0){if(!/[○▽]$/.test(path)){path='!';}return;}
  237. 	if(window._isPushing_){window._isPushing_=null;}
  238. 	gestureData.touchEnd=e.changedTouches[0];
  239. 	raiseTime=Date.now();setTimeout(iframeLock);
  240. 	if(/[○▽]$/.test(path)){setTimeout(runGesture);return;}
  241. 	if(isClick){isAllow=1;showMenu=0;path+='◆';if(/^V◆◆$|^T/.test(path)){e.stopPropagation();e.preventDefault();window.getSelection().empty();}}
  242. 	if(isAllow){gestureTimer=setTimeout(runGesture,199);}
  243. }
  244. //延迟点击，避免断触触发点击
  245. function delayClick(e){
  246. 	if(e.isTrusted){
  247. 		e.stopImmediatePropagation();e.stopPropagation();e.preventDefault();
  248. 		if(timeSpan<50){return;}
  249. 		let ev=new PointerEvent('click',{bubbles:true,cancelable:true,clientX:e.clientX,clientY:e.clientY,composed:true,detail:1,layerX:e.layerX,layerY:e.layerY,offsetX:e.offsetX,offsetY:e.offsetY,pageX:e.pageX,pageY:e.pageY,pointerId:e.pointerId,pointerType:e.pointerType,screenX:e.screenX,screenY:e.screenY,sourceCapabilities:e.sourceCapabilities,view:e.view,x:e.x,y:e.y});
  250. 		clickTimer=setTimeout(()=>{e.target.dispatchEvent(ev);},50);
  251. 	}
  252. }
  253.  
  254. /*视频功能模块*/
  255. //视频功能变量
  256. let videoPlayer=null,oriLock=0,resizeTimer=0,fullsState=0;
  257. //videoPlayer赋值
  258. async function setVideo(player){
  259. 	let _videoPlayer=player.target || player;
  260. 	if(videoPlayer?.paused===false && _videoPlayer.muted===true){return;}
  261. 	videoPlayer=_videoPlayer;
  262. 	videoOriLock();
  263. 	videoPlayer.parentNode.insertAdjacentElement('beforeend',gestureData.tipBox);
  264. 	if(settings['视频下载']){
  265. 		await findVideoBox()?.insertAdjacentElement('beforeend',videoPlayer._downloadTip_);
  266. 		if(window._urlObjects_[videoPlayer.src]){
  267. 			videoPlayer._downloadTip_.textContent='正在捕获';
  268. 			videoPlayer._downloadTip_.buffers=window._urlObjects_[videoPlayer.src].sourceBuffers;
  269. 			window._urlObjects_[videoPlayer.src]._downloadTip_=videoPlayer._downloadTip_;
  270. 			delete window._urlObjects_[videoPlayer.src];
  271. 		}else if(videoPlayer._downloadTip_.textContent==='未加载'){
  272. 			if(!videoPlayer.src && videoPlayer.children.length){videoPlayer.src=videoPlayer.firstChild.src;}
  273. 			if(videoPlayer.src.indexOf('blob:') && videoPlayer.src){videoPlayer._downloadTip_.textContent='可下载';}
  274. 		}
  275. 	}
  276. }
  277. //video方向锁定
  278. function videoOriLock(){
  279. 	if(!videoPlayer.videoWidth){if(!videoPlayer.error && document.contains(videoPlayer)){setTimeout(videoOriLock,100);}oriLock=0;return;}
  280. 	oriLock=+(videoPlayer.videoWidth>videoPlayer.videoHeight);
  281. 	if(fullsState>0 && oriLock){top.postMessage({'type':'GYRO'},'*');}
  282. 	else{screen.orientation.unlock();}
  283. }
  284. //video框架锁定
  285. function iframeLock(){
  286. 	if(top!==self && !window._isShow_){GM_setValue('isShow',Date.now());}
  287. }
  288. //video全屏/退出全屏
  289. async function videoFullScreen(){
  290. 	if(resizeTimer){return;}
  291. 	if(document.fullscreen){await document.exitFullscreen()?.catch(Date);}
  292. 	else if(videoPlayer){await findVideoBox()?.requestFullscreen()?.catch(Date);}
  293. 	else if(iframeEles.length){GM_setValue('fullscreen',Date.now());}
  294. }
  295. //获取video全屏样式容器
  296. function findVideoBox(player=videoPlayer){
  297. 	if(!document.contains(player)){return null;}
  298. 	if(player._videoBox_?.contains(player) && (document.fullscreen || player._boxHeight_>=player._videoBox_.clientHeight)){return player._videoBox_;}
  299. 	player._videoBox_=player.parentNode;player.setAttribute('_videobox_','');
  300. 	let parentEle=player._videoBox_.parentNode,videoStyle=getComputedStyle(player),childStyle=getComputedStyle(player._videoBox_),childWidth=0,childHeight=0,_childWidth=0,_childHeight=0;
  301. 	if(player._videoBox_.offsetParent===parentEle){
  302. 		childWidth=Math.round(player.offsetWidth+(+videoStyle.marginLeft.slice(0,-2))+(+videoStyle.marginRight.slice(0,-2)));
  303. 		childHeight=Math.round(player.offsetHeight+(+videoStyle.marginTop.slice(0,-2))+(+videoStyle.marginBottom.slice(0,-2)));
  304. 		_childWidth=Math.round(player._videoBox_.offsetWidth+(+childStyle.marginLeft.slice(0,-2))+(+childStyle.marginRight.slice(0,-2)));
  305. 		_childHeight=Math.round(player._videoBox_.offsetHeight+(+childStyle.marginTop.slice(0,-2))+(+childStyle.marginBottom.slice(0,-2)));
  306. 	}else{
  307. 		childWidth=Math.round(player.offsetWidth+(+videoStyle.left.slice(0,-2) || 0)+(+videoStyle.marginLeft.slice(0,-2))+(+videoStyle.marginRight.slice(0,-2))+(+videoStyle.right.slice(0,-2) || 0));
  308. 		childHeight=Math.round(player.offsetHeight+(+videoStyle.top.slice(0,-2) || 0)+(+videoStyle.marginTop.slice(0,-2))+(+videoStyle.marginBottom.slice(0,-2))+(+videoStyle.bottom.slice(0,-2) || 0));
  309. 		_childWidth=Math.round(player._videoBox_.offsetWidth+(+childStyle.left.slice(0,-2) || 0)+(+childStyle.marginLeft.slice(0,-2))+(+childStyle.marginRight.slice(0,-2))+(+childStyle.right.slice(0,-2) || 0));
  310. 		_childHeight=Math.round(player._videoBox_.offsetHeight+(+childStyle.top.slice(0,-2) || 0)+(+childStyle.marginTop.slice(0,-2))+(+childStyle.marginBottom.slice(0,-2))+(+childStyle.bottom.slice(0,-2) || 0));
  311. 	}
  312. 	childWidth=(childWidth>_childWidth) ? childWidth : _childWidth;
  313. 	childHeight=(childHeight>_childHeight) ? childHeight : _childHeight;
  314. 	while(childWidth>=parentEle.clientWidth && parentEle.nodeName!='BODY'){
  315. 		if(childHeight<parentEle.clientHeight){
  316. 			let isBreak=1;
  317. 			for(let childEle of parentEle.children){
  318. 				childStyle=getComputedStyle(childEle);
  319. 				childHeight=Math.round(childEle.offsetHeight+(+childStyle.top.slice(0,-2) || 0)+(+childStyle.marginTop.slice(0,-2))+(+childStyle.marginBottom.slice(0,-2))+(+childStyle.bottom.slice(0,-2) || 0));
  320. 				if(childHeight===parentEle.clientHeight && player._boxHeight_>=0.85*parentEle.clientHeight){isBreak=0;break;}
  321. 			}
  322. 			if(isBreak){break;}
  323. 		}
  324. 		if(parentEle.clientHeight){
  325. 			player._videoBox_.setAttribute('_videobox_','');
  326. 			player._videoBox_=parentEle;player._boxHeight_=childHeight;
  327. 			childStyle=getComputedStyle(parentEle);
  328. 			if(parentEle.offsetParent===parentEle.parentNode){
  329. 				_childWidth=Math.round(parentEle.offsetWidth+(+childStyle.marginLeft.slice(0,-2))+(+childStyle.marginRight.slice(0,-2)));
  330. 				_childHeight=Math.round(parentEle.offsetHeight+(+childStyle.marginTop.slice(0,-2))+(+childStyle.marginBottom.slice(0,-2)));
  331. 			}else{
  332. 				_childWidth=Math.round(parentEle.offsetWidth+(+childStyle.left.slice(0,-2) || 0)+(+childStyle.marginLeft.slice(0,-2))+(+childStyle.marginRight.slice(0,-2))+(+childStyle.right.slice(0,-2) || 0));
  333. 				_childHeight=Math.round(parentEle.offsetHeight+(+childStyle.top.slice(0,-2) || 0)+(+childStyle.marginTop.slice(0,-2))+(+childStyle.marginBottom.slice(0,-2))+(+childStyle.bottom.slice(0,-2) || 0));
  334. 			}
  335. 			childWidth=(childWidth>_childWidth) ? childWidth : _childWidth;
  336. 			childHeight=(childHeight>_childHeight) ? childHeight : _childHeight;
  337. 		}
  338. 		parentEle=parentEle.parentNode;
  339. 	}
  340. 	player._videoBox_.setAttribute('_videobox_','outer');
  341. 	return player._videoBox_;
  342. }
  343. //全屏检测事件
  344. function regRESIZE(){
  345. 	let videoCss=addStyle(''),stopResize=()=>{resizeTimer=0;};
  346. 	window.addEventListener('resize',()=>{
  347. 		clearTimeout(resizeTimer);resizeTimer=setTimeout(stopResize,200);
  348. 		if(document.fullscreen && !fullsState){
  349. 			fullsState=document.fullscreenElement;
  350. 			if(fullsState.nodeName==='IFRAME'){fullsState=-1;return;}
  351. 			let srcFindVideo=fullsState.getElementsByTagName('video'),srcVideo=(fullsState.nodeName==='VIDEO') ? fullsState : srcFindVideo[0];
  352. 			if(!fullsState.hasAttribute('_videobox_') && (!srcVideo || srcFindVideo.length>1 || (srcVideo._videoBox_.offsetWidth*srcVideo._videoBox_.offsetHeight/fullsState.offsetWidth/fullsState.offsetHeight)<0.9)){fullsState=-1;videoCss.textContent='';return;}
  353. 			if(srcVideo!==videoPlayer){videoPlayer?.pause();setVideo(srcVideo);}
  354. 			fullsState=1;if(oriLock){top.postMessage({'type':'GYRO'},'*');}
  355. 			videoCss.textContent='*[_videobox_]{inset:0 !important;margin:0 !important;padding:0 !important;transform:none !important;}*[_videobox_=""]{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;}video{position:fixed !important;object-fit:contain !important;}';
  356. 		}else if(fullsState && !document.fullscreen){fullsState=0;videoCss.textContent='';}
  357. 	},true);
  358. }
  359.  
  360. /*视频下载模块*/
  361. if(settings['视频下载']){
  362. 	//原始方法存储
  363. 	const createObjectURL=URL.createObjectURL,addSourceBuffer=MediaSource.prototype.addSourceBuffer,appendBuffer=SourceBuffer.prototype.appendBuffer,endOfStream=MediaSource.prototype.endOfStream;
  364. 	//初始化视频下载
  365. 	window._initDownload_=(player)=>{
  366. 		player._downloadTip_=document.createElement('div');
  367. 		player._downloadTip_.style.cssText='position:absolute;right:0;top:20px;background:#3498db;border-radius:20px 0 0 20px;text-align:center;padding:20px;line-height:0px;color:#fff;min-width:60px;font-size:16px;font-family:system-ui;z-index:2147483647;';
  368. 		player._downloadTip_.target=player;
  369. 		player._downloadTip_.textContent='未加载';
  370. 		if(window._urlObjects_[player.src]){
  371. 			player._downloadTip_.textContent='正在捕获';
  372. 			player._downloadTip_.buffers=window._urlObjects_[player.src].sourceBuffers;
  373. 			window._urlObjects_[player.src]._downloadTip_=player._downloadTip_;
  374. 			delete window._urlObjects_[player.src];
  375. 		}else{
  376. 			if(!player.src && player.children.length){player.src=player.firstChild.src;}
  377. 			if(player.src.indexOf('blob:') && player.src){player._downloadTip_.textContent='可下载';}
  378. 		}
  379. 		player._downloadTip_.onclick=window._downloadVideo_;
  380. 		player._videoBox_.insertAdjacentElement('beforeend',player._downloadTip_);
  381. 	}
  382. 	//下载视频
  383. 	window._downloadVideo_=function(data){
  384. 		if(this.textContent==='未加载'){return;}
  385. 		if(data.target){data=this;data.src=this.target.src;}
  386. 		let buffers=data.buffers;
  387. 		if(top!==self){
  388. 			let _buffers=[];
  389. 			for(let Ti=0,len=buffers.length;Ti<len;++Ti){
  390. 				_buffers.push({'mime':buffers[Ti]._mime_,'bufferList':buffers[Ti]._bufferList_});
  391. 			}
  392. 			top.postMessage({'type':'download','buffers':_buffers,'src':data.src},'*');
  393. 			return;
  394. 		}
  395. 		let a=document.createElement('a');a.download=document.title;a.style.display='none';document.body.insertAdjacentElement('beforeend',a);
  396. 		if(data.src.indexOf('blob:') && data.src){a.href=data.src;a.click();}
  397. 		else if(buffers.length){
  398. 			for(let Ti=0,len=buffers.length;Ti<len;++Ti){
  399. 				a.href=URL.createObjectURL(new Blob(buffers[Ti]._bufferList_,{'type':buffers[Ti]._mime_}));
  400. 				a.click();
  401. 				URL.revokeObjectURL(a.href);
  402. 			}
  403. 		}
  404. 		a.remove();
  405. 	}
  406. 	//存储MediaSource
  407. 	window._urlObjects_={};
  408. 	URL.createObjectURL=(obj)=>{
  409. 		let url=createObjectURL(obj);
  410. 		if(obj.sourceBuffers){window._urlObjects_[url]=obj;}
  411. 		return url;
  412. 	}
  413. 	//添加捕获
  414. 	MediaSource.prototype.addSourceBuffer=function(mime){
  415. 		let sourceBuffer=addSourceBuffer.call(this,mime);
  416. 		sourceBuffer._bufferList_=[];
  417. 		sourceBuffer._mime_=mime;
  418. 		sourceBuffer._mediaSource_=this;
  419. 		return sourceBuffer;
  420. 	}
  421. 	//捕获片段
  422. 	SourceBuffer.prototype.appendBuffer=function(buffer){
  423. 		this._bufferList_.push(buffer);
  424. 		if(this._mime_.indexOf('video')>-1 && this._mediaSource_._downloadTip_){this._mediaSource_._downloadTip_.textContent='已捕获'+this._bufferList_.length+'个片段';}
  425. 		appendBuffer.call(this,buffer);
  426. 	}
  427. 	//捕获完成
  428. 	MediaSource.prototype.endOfStream=function(){
  429. 		if(this._downloadTip_){this._downloadTip_.textContent='可下载';}
  430. 		endOfStream.call(this);
  431. 	}
  432. }
  433.  
  434. /*功能补充模块*/
  435. //功能补充变量
  436. let videoEles=[],imgEles=[],iframeEles=document.getElementsByTagName('iframe'),checkTimer=0;
  437. //修改Trusted-Types策略
  438. window.trustedTypes?.createPolicy('default',{createHTML:string=>string,createScript:string=>string,createScriptURL:string=>string});
  439. //设置shadow-root (open)
  440. Element.prototype.attachShadow=function(){
  441. 	if(!window._shadowList_){window._shadowList_=[];}
  442. 	let shadowRoot=attachShadow.call(this,{mode:'open'});
  443. 	window._shadowList_.push(shadowRoot);
  444. 	mObserver.observe(shadowRoot,{childList:true,subtree:true});
  445. 	return shadowRoot;
  446. }
  447. //图片选中
  448. function imgSelect(e){
  449. 	let imgBox=e.target.parentNode || e.target,imgs=imgBox.querySelectorAll('[_imgBox_]'),imgRect;
  450. 	for(let Ti=0,len=imgs.length;Ti<len;++Ti){
  451. 		imgRect=imgs[Ti].getBoundingClientRect();
  452. 		if(e.clientX>imgRect.x && e.clientX<(imgRect.x+imgRect.width) && e.clientY>imgRect.y && e.clientY<(imgRect.y+imgRect.height)){
  453. 			setTimeout(()=>{gestureData.touchEle=imgs[Ti];});break;
  454. 		}
  455. 	}
  456. }
  457. //页面加载检测
  458. async function loadCheck(){
  459. 	videoEles=[...document.querySelectorAll('video:not([_videoBox_])')];
  460. 	imgEles=[...document.querySelectorAll('img:not([_imgBox_])'),...document.querySelectorAll('[style*="background"]:not([_imgBox_])')];
  461. 	//检测shadow-root
  462. 	if(window._shadowList_){
  463. 		for(let Ti=0,len=window._shadowList_.length;Ti<len;++Ti){
  464. 			videoEles.push(...window._shadowList_[Ti].querySelectorAll('video:not([_videoBox_])'));
  465. 			await imgEles.push(...window._shadowList_[Ti].querySelectorAll('img:not([_imgBox_])'),...window._shadowList_[Ti].querySelectorAll('[style*="background"]:not([_imgBox_])'));
  466. 		}
  467. 	}
  468. 	//video播放事件绑定
  469. 	if(videoEles.length){
  470. 		if(!gestureData.tipBox){
  471. 			//启动全屏检测
  472. 			regRESIZE();
  473. 			if(top!==self){top.postMessage({'type':'forceFullScreen'},'*');}
  474. 			//tip操作提示
  475. 			gestureData.tipBox=document.createElement('div');
  476. 			gestureData.tipBox.style.cssText='width:100px;height:50px;position:absolute;text-align:center;top:calc(50% - 25px);left:calc(50% - 50px);display:none;color:#1e87f0;font-size:22px;line-height:50px;background-color:rgba(0,0,0,0.6);border-radius:20px;font-family:system-ui;z-index:2147483647;';
  477. 		}
  478. 		for(let Ti=0,len=videoEles.length;Ti<len;++Ti){
  479. 			if(!videoEles[Ti]._videoBox_ && videoEles[Ti].offsetHeight){
  480. 				await findVideoBox(videoEles[Ti]);
  481. 				if(settings['视频下载']){await window._initDownload_(videoEles[Ti]);}
  482. 				if(!videoEles[Ti].paused){setVideo(videoEles[Ti]);}
  483. 				videoEles[Ti].addEventListener('playing',setVideo,true);
  484. 			}
  485. 		}
  486. 	}
  487. 	//图片选中事件绑定
  488. 	for(let Ti=0,len=imgEles.length;Ti<len;++Ti){
  489. 		imgEles[Ti].setAttribute('_imgBox_','');
  490. 		imgEles[Ti].parentNode.addEventListener('pointerover',imgSelect,true);
  491. 	}
  492. 	checkTimer=0;
  493. }
  494. //添加样式表
  495. function addStyle(css){
  496. 	let style=document.createElement('style');
  497. 	style.textContent=css;
  498. 	document.head.insertAdjacentElement('beforeend',style);
  499. 	return style;
  500. }
  501. //复制坐标对象
  502. function copyTouch(oldObj){
  503. 	let newObj={};
  504. 	for(let Ti in oldObj){
  505. 		if(Ti==='target'){continue;}
  506. 		newObj[Ti]=oldObj[Ti];
  507. 	}
  508. 	return newObj;
  509. }
  510. //手势功能设置UI
  511. function openSet(){
  512. 	let gestureName='',gesturePath='',gestureBox=document.createElement('div'),pathEle=null,_clickTimer=0;
  513. 	//页面生成
  514. 	addStyle('*{overflow:hidden !important;}'+
  515. 				'#_gestureBox_{background-color:#fff;width:100%;height:100%;position:fixed;padding:0;margin:0;inset:0;overflow-y:auto !important;z-index:2147483647;}'+
  516. 				'#_gestureBox_ *{font-family:system-ui;margin:0;padding:0;text-align:center;font-size:5vmin;line-height:12vmin;user-select:none !important;transform:none;text-indent:0;}'+
  517. 				'#_gestureBox_ ::placeholder{color:#999;font-size:2.5vmin;line-height:6vmin;}'+
  518. 				'#_gestureBox_ h1{width:60%;height:12vmin;color:#0074d9;background-color:#dee6ef;margin:3vmin auto;border-radius:12vmin;box-shadow:0.9vmin 0.9vmin 3vmin #dfdfdf;}'+
  519. 				'#_gestureBox_ #_addGesture_{width:14vmin;height:14vmin;margin:3vmin auto;line-height:14vmin;background-color:#dee6ef;color:#032e58;font-size:7.5vmin;border-radius:15vmin;box-shadow:0.3vmin 0.3vmin 1.5vmin #dfdfdf;}'+
  520. 				'#_gestureBox_ ._gestureLi_{height:18vmin;width:100%;border-bottom:0.3vmin solid #dfdfdf;}'+
  521. 				'#_gestureBox_ ._gestureLi_ p{margin:3vmin 0 0 1%;width:38%;height:12vmin;border-left:1.8vmin solid;color:#ffb400;background-color:#fff1cf;float:left;white-space:nowrap;text-overflow:ellipsis;text-shadow:0.3vmin 0.3vmin 3vmin #ffcb56;}'+
  522. 				'#_gestureBox_ ._gestureLi_ ._gesturePath_{margin:3vmin 0 0 3%;float:left;width:38%;height:12vmin;background-color:#f3f3f3;color:#000;box-shadow:0.3vmin 0.3vmin 1.5vmin #ccc9c9;border-radius:3vmin;white-space:nowrap;text-overflow:ellipsis;}'+
  523. 				'#_gestureBox_ ._gestureLi_ ._delGesture_{margin:3vmin 2% 0 0;width:15vmin;height:12vmin;float:right;color:#f00;text-decoration:line-through;}'+
  524. 				'#_gestureBox_ #_revisePath_{background-color:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;inset:0;display:none;color:#000;}'+
  525. 				'#_gestureBox_ #_revisePath_ span{width:15vmin;height:15vmin;font-size:12.5vmin;line-height:15vmin;position:absolute;}'+
  526. 				'#_gestureBox_ #_revisePath_ div{color:#3339f9;position:absolute;width:30%;height:12vmin;font-size:10vmin;bottom:15%;}'+
  527. 				'#_gestureBox_ #_revisePath_ p{color:#3ba5d8;position:absolute;top:15%;font-size:10vmin;height:12vmin;width:100%;}'+
  528. 				'#_gestureBox_ #_revisePath_ #_path_{top:40%;color:#ffee03;height:100%;word-wrap:break-word;font-size:15vmin;line-height:18vmin;}'+
  529. 				'#_gestureBox_ #_editGesture_{overflow-y:auto !important;background-color:#fff;width:100%;height:100%;position:fixed;inset:0;display:none;color:#000;}'+
  530. 				'#_gestureBox_ #_editGesture_ p{color:#3339f9;font-size:7.5vmin;text-align:left;margin:6vmin 0 0 9vmin;width:100%;height:9vmin;line-height:9vmin;}'+
  531. 				'#_gestureBox_ #_editGesture_ #_gestureName_{margin-top:6vmin;width:80%;height:12vmin;color:#000;border:0.3vmin solid #dadada;border-radius:3vmin;text-align:left;padding:0 3vmin;}'+
  532. 				'#_gestureBox_ #_editGesture_ ._label_box_>label{display:inline-block;margin-top:6vmin;position:relative;}'+
  533. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>input{position:absolute;top:0;left:-6vmin;}'+
  534. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>div{width:20vw;border:#ddd solid 0.3vmin;height:12vmin;color:#666;position:relative;}'+
  535. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>input:checked + div{border:#d51917 solid 0.3vmin;color:#d51917;}'+
  536. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>input + div:after{top:auto;left:auto;bottom:-3vmin;right:0;transition:none;}'+
  537. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>input:checked + div:after{content:"";display:block;border:none;width:6vmin;height:6vmin;background-color:#d51917;transform:skewY(-45deg);position:absolute;}'+
  538. 				'#_gestureBox_ #_editGesture_ ._label_box_>label>input:checked + div:before{content:"";display:block;width:0.9vmin;height:2.4vmin;border-right:#fff solid 0.6vmin;border-bottom:#fff solid 0.6vmin;transform:rotate(35deg);position:absolute;bottom:0.6vmin;right:1.2vmin;z-index:1;}'+
  539. 				'#_gestureBox_ #_editGesture_ #_pathFn_{overflow-y:auto !important;width:80%;margin-top:6vmin;height:40%;text-align:left;line-height:6vmin;padding:3vmin;border:0.3vmin solid #dadada;border-radius:3vmin;}'+
  540. 				'#_gestureBox_ #_editGesture_ button{width:30vmin;height:15vmin;font-size:7.5vmin;line-height:15vmin;display:inline-block;color:#fff;background-color:#2866bd;margin:6vmin 3vmin 0 3vmin;border:none;}'+
  541. 				'#_gestureBox_ #_settingsBox_{overflow-y:auto !important;background-color:#fff;width:100%;height:100%;position:fixed;inset:0;display:none;color:#000;}'+
  542. 				'#_gestureBox_ #_settingsBox_ p{color:#3339f9;text-align:left;margin:9vmin 0 0 9vmin;float:left;height:6vmin;line-height:6vmin;clear:both;}'+
  543. 				'#_gestureBox_ #_settingsBox_ ._slideRail_{overflow:initial !important;width:55%;background-color:#a8a8a8;float:left;margin:12vmin 0 0 3vmin;height:0.6vmin;position:relative;}'+
  544. 				'#_gestureBox_ #_settingsBox_ ._slideRail_ ._slideButton_{line-height:9vmin;color:#fff;background-color:#2196f3;min-width:9vmin;height:9vmin;border-radius:9vmin;font-size:4vmin;position:absolute;top:-4.5vmin;box-shadow:0.3vmin 0.3vmin 1.8vmin #5e8aee;padding:0 1vmin;}'+
  545. 				'#_gestureBox_ #_settingsBox_ ._switch_{position:relative;display:inline-block;width:18vmin;height:9vmin;float:left;margin:7.5vmin 42% 0 3vmin;}'+
  546. 				'#_gestureBox_ #_settingsBox_ ._switch_ input{display:none;}'+
  547. 				'#_gestureBox_ #_settingsBox_ ._slider_{border-radius:9vmin;position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:0.4s;}'+
  548. 				'#_gestureBox_ #_settingsBox_ ._slider_:before{border-radius:50%;position:absolute;content:"";height:7.5vmin;width:7.5vmin;left:0.6vmin;bottom:0.6vmin;background-color:white;transition:0.4s;}'+
  549. 				'#_gestureBox_ #_settingsBox_ input:checked + ._slider_{background-color:#2196F3;}'+
  550. 				'#_gestureBox_ #_settingsBox_ input:checked + ._slider_:before{transform:translateX(9vmin);}'+
  551. 				'#_gestureBox_ #_settingsBox_ #_saveSettings_{display:block;clear:both;width:30vmin;height:15vmin;font-size:7.5vmin;line-height:15vmin;color:#fff;background-color:#2866bd;border:none;margin:12vmin 0 0 calc(50% - 15vmin);float:left;}');
  552. 	gestureBox.id='_gestureBox_';
  553. 	document.body.insertAdjacentElement('beforeend',gestureBox);
  554. 	gestureBox.innerHTML='<h1 id="_openSettings_">手势轨迹设置</h1><div id="_addGesture_">+</div><div id="_gestureUL_"></div>'+
  555. 					'<div id="_revisePath_"><span style="top:0;left:0;text-align:left;">┌</span><span style="top:0;right:0;text-align:right;">┐</span><span style="bottom:0;left:0;text-align:left;">└</span><span style="bottom:0;right:0;text-align:right;">┘</span>'+
  556. 					'<p>请滑动手指</p><p id="_path_"></p><div id="_clearPath_" style="left:10%;">清除</div><div id="_cancleRevise_" style="right:10%;">保存</div></div>'+
  557. 					'<div id="_editGesture_"><p>手势名称：</p><input type="text" id="_gestureName_" maxlength="12" placeholder="最大输入12个字符">'+
  558. 					'<p>手势类型：</p><div class="_label_box_"><label><input type="radio" id="_G_" name="_gestureType_" value=""><div>一般</div></label><label><input type="radio" id="_T_" name="_gestureType_" value="T"><div>文字</div></label><label><input type="radio" id="_I_" name="_gestureType_" value="I"><div>图片</div></label><label><input type="radio" id="_V_" name="_gestureType_" value="V"><div>视频</div></label></div>'+
  559. 					'<p>手势执行脚本：</p><textarea id="_pathFn_" placeholder="可用变量说明↓\n 	gestureData：手势数据常量,如果你需要在不同手势间传递变量,你可以赋值gestureData.变量名=变量值；\n	gestureData.touchEle：手指触摸的源元素；\n	gestureData.selectWords：选中的文字；\n	gestureData.touchStart：触摸开始坐标对象；\n	gestureData.touchEnd：触摸最新坐标对象；\n	path：滑动的路径；\n	videoPlayer：正在播放的视频元素。'+
  560. 					'\n\n可用方法说明↓\n	addStyle(CSS样式)：将CSS样式添加到网页上；\n	runGesture()：以path为路径执行手势,你可以修改path后执行此方法；\n	GM_openInTab(链接)：打开链接；\n	GM_setClipboard(文本)：复制文本到剪切板；\n	GM_setValue(变量名,变量值)：在油猴中存储数据；\n	GM_getValue(变量名,默认值)：从油猴中取出数据,没有则使用默认值。'+
  561. 					'\n\n可识别代码注释说明(仅对一般手势生效)↓\n	默认情况：存在iframe时，所有手势只会在触发手势的页面对象执行！\n 	添加/*ONLY TOP*/：手势只在顶级页面对象执行；\n	添加/*WITH TOP*/：手势同时在当前页面对象和顶级页面对象执行。"></textarea>'+
  562. 					'<div style="width:100%;height:0.3vmin;"></div><button id="_saveGesture_">保存</button><button id="_closeEdit_">关闭</button></div>'+
  563. 					'<div id="_settingsBox_"><h1>功能开关设置</h1><span id="_settingList_"></span><button id="_saveSettings_">保存</button></div>';
  564. 	pathEle=document.getElementById('_path_');
  565.  
  566. 	//编辑手势
  567. 	function editGesture(){
  568. 		gestureName=this.parentNode.getAttribute('name');
  569. 		if(['打开设置','视频全屏','手势穿透'].indexOf(gestureName)>-1){alert('该手势脚本无法修改！');return;}
  570. 		gesturePath=this.parentNode.getAttribute('path');
  571. 		let selectType=(/^[TIV]/.test(gesturePath)) ? '_'+gesturePath.slice(0,1)+'_' : '_G_';
  572. 		document.getElementById(selectType).click();
  573. 		document.getElementById('_gestureName_').value=gestureName;
  574. 		document.getElementById('_pathFn_').value=pathFn[gestureName];
  575. 		document.getElementById('_editGesture_').style.display='block';
  576. 	}
  577. 	//修改路径
  578. 	function revisePath(){
  579. 		gestureName=this.parentNode.getAttribute('name');
  580. 		gesturePath=this.parentNode.getAttribute('path');
  581. 		pathEle.textContent='';
  582. 		window.removeEventListener('touchmove',touchMove,true);
  583. 		document.getElementById('_revisePath_').style.display='block';
  584. 	}
  585. 	//删除手势
  586. 	function delGesture(){
  587. 		gestureName=this.parentNode.getAttribute('name');
  588. 		if(['打开设置','视频全屏','手势穿透'].indexOf(gestureName)>-1){alert('该手势无法删除！');return;}
  589. 		if(!confirm('确定删除"'+gestureName+'"手势')){return;}
  590. 		gesturePath=this.parentNode.getAttribute('path');
  591. 		delete pathFn[gestureName];
  592. 		delete gesture[gesturePath];
  593. 		GM_setValue('pathFn',pathFn);
  594. 		GM_setValue('gesture',gesture);
  595. 		init();
  596. 	}
  597. 	//滑动条
  598. 	function silideBar(e){
  599. 		e.preventDefault();fingersNum=2;
  600. 		let diffX=e.changedTouches[0].clientX-gestureData.touchStart.clientX,
  601. 		leftPX=(+this.style.left.slice(0,-2))+diffX,vmin=this.offsetWidth/2,setArr=settings[this.id];
  602. 		leftPX=(leftPX<-vmin) ? -vmin : ((leftPX>(diffX=this.parentNode.offsetWidth-vmin)) ? diffX : leftPX);
  603. 		this.style.left=leftPX+'px';
  604. 		this.textContent=((leftPX+vmin)/this.parentNode.offsetWidth*(setArr[2]-setArr[1])+setArr[1]).toFixed(setArr[3]);
  605. 		gestureData.touchStart=e.changedTouches[0];
  606. 	}
  607. 	//长按执行
  608. 	function _longPress(){if(!/[●○▼▽]$/.test(pathEle.textContent)){isClick=0;startPoint=gestureData.touchEnd;pathEle.textContent+='●';}}
  609. 	//持续滑动执行
  610. 	function _slidingRun(){slideTime=0;pathEle.textContent+='▼';}
  611. 	//点击执行
  612. 	function _clickRun(){if(!/[○▼▽]$/.test(pathEle.textContent)){pathEle.textContent+='◆';}}
  613. 	//界面初始化
  614. 	function init(){
  615. 		document.getElementById('_gestureUL_').textContent='';
  616. 		for(gestureName in pathFn){
  617. 			gesturePath='';
  618. 			for(let Ti in gesture){
  619. 				if(gesture[Ti]===gestureName){gesturePath=Ti;break;}
  620. 			}
  621. 			document.getElementById('_gestureUL_').innerHTML+='<div class="_gestureLi_" name="'+gestureName+'" path="'+gesturePath+'"><p>'+gestureName+'</p><div class="_gesturePath_">'+gesturePath+'</div><div class="_delGesture_">删除</div></div>';
  622. 		}
  623. 		//操作绑定
  624. 		let gestureEle=document.querySelectorAll('#_gestureBox_ ._gestureLi_ p');
  625. 		for(let Ti=0,len=gestureEle.length;Ti<len;++Ti){
  626. 			gestureEle[Ti].addEventListener('click',editGesture,true);
  627. 		}
  628. 		gestureEle=document.querySelectorAll('#_gestureBox_ ._gestureLi_ ._gesturePath_');
  629. 		for(let Ti=0,len=gestureEle.length;Ti<len;++Ti){
  630. 			gestureEle[Ti].addEventListener('click',revisePath,true);
  631. 		}
  632. 		gestureEle=document.querySelectorAll('#_gestureBox_ ._gestureLi_ ._delGesture_');
  633. 		for(let Ti=0,len=gestureEle.length;Ti<len;++Ti){
  634. 			gestureEle[Ti].addEventListener('click',delGesture,true);
  635. 		}
  636. 	}
  637. 	init();
  638.  
  639. 	//.新建手势
  640. 	document.getElementById('_addGesture_').addEventListener('click',()=>{
  641. 		gestureName=gesturePath='';
  642. 		document.getElementById('_G_').click();
  643. 		document.getElementById('_gestureName_').value='';
  644. 		document.getElementById('_pathFn_').value='';
  645. 		document.getElementById('_editGesture_').style.display='block';
  646. 	},true);
  647. 	//保存手势
  648. 	document.getElementById('_saveGesture_').addEventListener('click',()=>{
  649. 		if(!document.getElementById('_gestureName_').value){alert('请输入手势名称！');return;}
  650. 		if(pathFn[document.getElementById('_gestureName_').value] && gestureName!==document.getElementById('_gestureName_').value){alert('该手势名称已被占用！');return;}
  651. 		delete pathFn[gestureName];
  652. 		delete gesture[gesturePath];
  653. 		let typeEle=document.getElementsByName('_gestureType_');
  654. 		for(let Ti=0,len=typeEle.length;Ti<len;++Ti){
  655. 			if(typeEle[Ti].checked){
  656. 				gesturePath=typeEle[Ti].value+((gestureName && gesturePath.indexOf('[')<0) ? ((/^[TIV]/.test(gesturePath)) ? gesturePath.slice(1) : gesturePath) : ('['+document.getElementById('_gestureName_').value+']'));
  657. 				break;
  658. 			}
  659. 		}
  660. 		gesture[gesturePath]=document.getElementById('_gestureName_').value;
  661. 		pathFn[document.getElementById('_gestureName_').value]=document.getElementById('_pathFn_').value;
  662. 		GM_setValue('pathFn',pathFn);
  663. 		GM_setValue('gesture',gesture);
  664. 		init();
  665. 		document.getElementById('_editGesture_').style.display='none';
  666. 	},true);
  667. 	//关闭编辑
  668. 	document.getElementById('_closeEdit_').addEventListener('click',()=>{
  669. 		document.getElementById('_editGesture_').style.display='none';
  670. 	},true);
  671. 	//路径修改事件
  672. 	document.getElementById('_revisePath_').addEventListener('touchstart',()=>{
  673. 		if(fingersNum>1){return;}
  674. 		clearTimeout(gestureTimer);clearTimeout(_clickTimer);
  675. 		gestureTimer=setTimeout(_longPress,300);
  676. 	},true);
  677. 	document.getElementById('_revisePath_').addEventListener('touchmove',(e)=>{
  678. 		e.preventDefault();clearTimeout(gestureTimer);
  679. 		gestureData.touchEnd=e.changedTouches[0];
  680. 		if(/[○▼▽]$/.test(pathEle.textContent) || fingersNum>1){return;}
  681. 		let xLen=(gestureData.touchEnd.screenX-startPoint.screenX)**2,yLen=(gestureData.touchEnd.screenY-startPoint.screenY)**2,
  682. 		direction=(xLen>yLen) ? ((gestureData.touchEnd.screenX>startPoint.screenX) ? '→' : '←') : ((gestureData.touchEnd.screenY>startPoint.screenY) ? '↓' : '↑'),
  683. 		nowTime=Date.now(),pathLen=xLen+yLen,lastIcon=pathEle.textContent.slice(-1);
  684. 		if((lastIcon===direction && pathLen>limit/576) || pathLen>limit){
  685. 			if(lastIcon!==direction){pathEle.textContent+=direction;slideTime=nowTime;}
  686. 			startPoint=gestureData.touchEnd;
  687. 			if(slideTime && nowTime-slideTime>300){_slidingRun();}
  688. 		}else if(pathLen>limit/100){isClick=slideTime=0;}
  689. 		gestureTimer=setTimeout(_longPress,300);
  690. 	},true);
  691. 	document.getElementById('_revisePath_').addEventListener('touchend',(e)=>{
  692. 		if(!isClick || fingersNum>0){return;}
  693. 		if(path.indexOf('◆◆')>-1){path='';
  694. 			switch(pathEle.textContent.slice(-1)){
  695. 				case '●':{pathEle.textContent=pathEle.textContent.slice(0,-1)+'○';break;}
  696. 				case '○':{pathEle.textContent=pathEle.textContent.slice(0,-1)+'●';break;}
  697. 				case '▼':{pathEle.textContent=pathEle.textContent.slice(0,-1)+'▽';break;}
  698. 				case '▽':{pathEle.textContent=pathEle.textContent.slice(0,-1)+'▼';break;}
  699. 				default:{pathEle.textContent+='◆';setTimeout(_clickRun,100);break;}
  700. 			}
  701. 		}else{_clickTimer=setTimeout(_clickRun,200);}
  702. 	});
  703. 	//清除路径
  704. 	document.getElementById('_clearPath_').addEventListener('touchend',(e)=>{
  705. 		e.stopPropagation();
  706. 		if(!isClick || fingersNum>0){return;}
  707. 		if(path.indexOf('◆◆')>-1){path='';pathEle.textContent='';}
  708. 		else{pathEle.textContent=pathEle.textContent.slice(0,-1);}
  709. 	});
  710. 	//保存修改路径
  711. 	document.getElementById('_cancleRevise_').addEventListener('touchend',(e)=>{
  712. 		e.stopPropagation();e.preventDefault();
  713. 		if(!isClick || fingersNum>0){return;}
  714. 		if(pathEle.textContent){
  715. 			if(gestureName==='视频全屏' && pathEle.textContent.slice(-1)!=='◆'){alert('视频全屏需要以◆结尾！');return;}
  716. 			if(gesture[pathEle.textContent]==='手势穿透'){alert('路径与"手势穿透"功能冲突！');return;}
  717. 			if(/^[TIV]/.test(gesturePath)){pathEle.textContent=gesturePath.slice(0,1)+pathEle.textContent;}
  718. 			delete gesture[gesturePath];
  719. 			if(gesture[pathEle.textContent]){
  720. 				let pathTXT=((/^[TIV]/.test(gesturePath)) ? gesturePath.slice(0,1) : '')+'['+gesture[pathEle.textContent]+']';
  721. 				gesture[pathTXT]=gesture[pathEle.textContent];
  722. 			}
  723. 			gesture[pathEle.textContent]=gestureName;
  724. 			GM_setValue('gesture',gesture);
  725. 			init();
  726. 		}
  727. 		window.addEventListener('touchmove',touchMove,{capture:true,passive:true});
  728. 		document.getElementById('_revisePath_').style.display='none';
  729. 	});
  730. 	//打开功能开关设置
  731. 	document.getElementById('_openSettings_').addEventListener('click',()=>{
  732. 		gestureBox.style.cssText='overflow-y:hidden !important';
  733. 		document.getElementById('_settingsBox_').style.display='block';
  734. 		let settingList=document.getElementById('_settingList_');
  735. 		settingList.textContent='';
  736. 		for(let Ti in settings){
  737. 			settingList.innerHTML+='<p>'+Ti+'：</p>';
  738. 			if(typeof(settings[Ti])==='boolean'){
  739. 				settingList.innerHTML+='<label class="_switch_"><input type="checkbox" id="'+Ti+'" '+((settings[Ti]) ? 'checked' : '')+'><div class="_slider_"></div></label>';
  740. 			}else if(typeof(settings[Ti])==='object'){
  741. 				settingList.innerHTML+='<div class="_slideRail_"><div class="_slideButton_" id="'+Ti+'"></div></div>';
  742. 				let slideButton=document.getElementById(Ti),
  743. 				leftPX=slideButton.parentNode.offsetWidth*(settings[Ti][0]-settings[Ti][1])/(settings[Ti][2]-settings[Ti][1])-slideButton.offsetWidth/2;
  744. 				slideButton.style.left=leftPX+'px';
  745. 				slideButton.textContent=settings[Ti][0].toFixed(settings[Ti][3]);
  746. 			}
  747. 		}
  748. 		let slideList=document.getElementsByClassName('_slideButton_');
  749. 		for(let Ti=0,len=slideList.length;Ti<len;++Ti){
  750. 			slideList[Ti].addEventListener('touchmove',silideBar,true);
  751. 		}
  752. 	},true);
  753. 	//保存功能开关设置
  754. 	document.getElementById('_saveSettings_').addEventListener('click',()=>{
  755. 		gestureBox.style.cssText='';
  756. 		for(let Ti in settings){
  757. 			if(typeof(settings[Ti])==='boolean'){
  758. 				settings[Ti]=document.getElementById(Ti).checked;
  759. 			}else if(typeof(settings[Ti])==='object'){
  760. 				settings[Ti][0]=+document.getElementById(Ti).textContent;
  761. 			}
  762. 		}
  763. 		GM_setValue('settings',settings);
  764. 		document.getElementById('_settingsBox_').style.display='none';
  765. 	},true);
  766. }
  767.  
  768. /*事件注册模块*/
  769. (function(){
  770. 	if(top===self){
  771. 		//清除后退定时器
  772. 		window.addEventListener('popstate',()=>{clearTimeout(gestureData.backTimer);gestureData.backTimer=0;},true);
  773. 		window.addEventListener('beforeunload',()=>{clearTimeout(gestureData.backTimer);gestureData.backTimer=0;},true);
  774. 		//接收iframe数据
  775. 		window.addEventListener('message',async (e)=>{
  776. 			let data=e.data;
  777. 			switch(data.type){
  778. 				case 'GYRO':{//锁定横屏模式
  779. 					await screen.orientation.lock('landscape')?.catch(Date);
  780. 				break;}
  781. 				case 'forceFullScreen':{//iframe强制可全屏
  782. 					for(let Ti=0,len=iframeEles.length;Ti<len;++Ti){
  783. 						if(iframeEles[Ti].contentWindow===e.source){
  784. 							if(!iframeEles[Ti].allowFullscreen){
  785. 								iframeEles[Ti].allowFullscreen=true;
  786. 								if(iframeEles[Ti].getAttribute('src') && regURL.test(iframeEles[Ti].src)){
  787. 									iframeEles[Ti].src=iframeEles[Ti].src;
  788. 								}
  789. 							}
  790. 							break;
  791. 						}
  792. 					}
  793. 				break;}
  794. 				case 'runPath':{//iframe手势在顶级页面执行
  795. 					for(let Ti=0,len=iframeEles.length;Ti<len;++Ti){
  796. 						if(iframeEles[Ti].contentWindow===e.source){
  797. 							let ifrRect=iframeEles[Ti].getBoundingClientRect();
  798. 							gestureData.touchStart=data.gestureData.touchStart;gestureData.touchEnd=data.gestureData.touchEnd;
  799. 							gestureData.touchStart.target=gestureData.touchEnd.target=gestureData.touchEle=iframeEles[Ti];
  800. 							gestureData.touchStart.pageX=gestureData.touchStart.clientX+=ifrRect.x;
  801. 							gestureData.touchStart.pageY=gestureData.touchStart.clientY+=ifrRect.y;
  802. 							gestureData.touchEnd.pageX=gestureData.touchEnd.clientX+=ifrRect.x;
  803. 							gestureData.touchEnd.pageY=gestureData.touchEnd.clientY+=ifrRect.y;
  804. 							break;
  805. 						}
  806. 					}
  807. 					path=data.runPath;setTimeout(runGesture);
  808. 				break;}
  809. 				case 'pushTouch':{//iframe手势坐标传递
  810. 					let ifrRect=gestureData.touchEle.getBoundingClientRect();
  811. 					gestureData.touchEnd=data.gestureData.touchEnd;
  812. 					gestureData.touchEnd.target=gestureData.touchEle;
  813. 					gestureData.touchEnd.pageX=gestureData.touchEnd.clientX+=ifrRect.x;
  814. 					gestureData.touchEnd.pageY=gestureData.touchEnd.clientY+=ifrRect.y;
  815. 				break;}
  816. 				case 'download':{//iframe视频下载
  817. 					window._downloadVideo_(data);
  818. 				break;}
  819. 			}
  820. 		},true);
  821. 	}else{
  822. 		//iframe视频全屏
  823. 		GM_addValueChangeListener('fullscreen',async (name,old_value,new_value,remote)=>{
  824. 			if(!document.hidden && window._isShow_){
  825. 				await findVideoBox()?.requestFullscreen()?.catch(Date);
  826. 			}
  827. 		});
  828. 		//iframe锁定
  829. 		GM_addValueChangeListener('isShow',(name,old_value,new_value,remote)=>{
  830. 			if(!document.hidden){window._isShow_=!remote;}
  831. 		});
  832. 	}
  833. 	//加载检测
  834. 	checkTimer=setTimeout(loadCheck,200);
  835. 	mObserver.observe(document,{childList:true,subtree:true});
  836. 	//手势事件注册
  837. 	window.addEventListener('touchstart',touchStart,{capture:true,passive:false});
  838. 	window.addEventListener('touchmove',touchMove,{capture:true,passive:true});
  839. 	window.addEventListener('touchend',touchEnd,{capture:true,passive:false});
  840. 	window.addEventListener('touchcancel',touchEnd,{capture:true,passive:false});
  841. 	window.addEventListener('contextmenu',(e)=>{if(path.indexOf("I")>-1 && gestureData.touchEle.src!==location.href){e.preventDefault();}showMenu=1;},true);//长按图片时禁止弹出菜单
  842. 	if(settings['避免断触']){window.addEventListener('click',delayClick,true);}
  843. 	//禁止网页检测焦点
  844. 	window.addEventListener('visibilitychange',(e)=>{e.stopImmediatePropagation();//禁止页面切换检测
  845. 		if(document.hidden){//视频后台播放
  846. 			let playState=videoPlayer?.paused,playTime=videoPlayer?.currentTime+0.2,playSpeed=videoPlayer?.playbackRate,playVolume=videoPlayer?.volume;
  847. 			setTimeout(()=>{if(playState!==videoPlayer?.paused){
  848. 				videoPlayer.load();videoPlayer.currentTime=playTime;
  849. 				videoPlayer.onloadstart=()=>{videoPlayer.play();videoPlayer.playbackRate=playSpeed;videoPlayer.volume=playVolume;}
  850. 			}});
  851. 		}
  852. 	},true);
  853. 	window.addEventListener('pagehide',(e)=>{e.stopImmediatePropagation();},true);
  854. 	window.addEventListener('blur',(e)=>{e.stopImmediatePropagation();});
  855. 	//禁止写入剪切板+禁止修改复制内容
  856. 	window.addEventListener('copy',(e)=>{
  857. 		if(gestureData.selectWords){return;}
  858. 		e.stopImmediatePropagation();e.stopPropagation();//禁止修改复制内容
  859. 		if(showMenu){return;}
  860. 		e.preventDefault();//禁止写入剪切板
  861. 	},true);
  862. 	//解除选中限制
  863. 	addStyle('*{user-select:text !important;touch-action:manipulation;overscroll-behavior-x:none;}');
  864. })();