视频兼容修复。查看用户的永久链接。
// ==UserScript==
// @name 我的推特工具箱
// @namespace https://greasyfork.org/users/159546
// @version 1.0.5
// @description 视频兼容修复。查看用户的永久链接。
// @author LEORChn
// @include *://twitter.com/*
// @run-at document-start
// @grant GM_xmlhttpRequest
// @connect download-twitter-videos.com
// ==/UserScript==
var IntervalTime = 2000;
function onIntervalFunction(){
//doAddEntry(); // 隐藏转推。不稳定，如有需要请自行取消注释
//doHideRetweet(); // 隐藏转推。不稳定，如有需要请自行取消注释
doAddVideoEntry();
doAddUidViewer(); // 用户资料：永久链接
adaptDoublePhotoHeight();
doFixImageView();
}
var ID_HIDE_RETWEET_ENTRY = 'leorchn_action_hide_retweet',
HIDE_RETWEET_ENABLED = false,
HIDE_RETWEET_ENABLED_V2019 = false;
function doAddEntry(){
if(fv(ID_HIDE_RETWEET_ENTRY)) return;
var bar = $('.ProfileHeading-toggle');
var li = ct('li'), a = ct('a', '隐藏转推');
if(bar){ // 新布局，登录后强制启用的那种（不知道怎么返回旧布局，新布局真的用着太难过了）
li.className='ProfileHeading-toggleItem u-textUserColor';
a.className='ProfileHeading-toggleLink js-nav';
a.onclick=function(){
this.parentNode.className='ProfileHeading-toggleItem is-active';
this.outerHTML=this.innerText;
HIDE_RETWEET_ENABLED = true;
};
li.appendChild(a);
}else{ // 旧布局
bar = $('[aria-hidden]+div[role=tablist]');
if(!bar) return; // 真的不知道是什么布局了，return
li = bar.lastElementChild.cloneNode(true);
a = li.lastElementChild;
a.removeAttribute('href');
a.onclick=function(){
this.lastElementChild.style.color = 'rgb(29, 161, 242)';
HIDE_RETWEET_ENABLED = HIDE_RETWEET_ENABLED_V2019 = true;
};
var span = li;
while(span.lastElementChild != null) span = span.lastElementChild;
span.innerText = '隐藏转推';
}
li.id = ID_HIDE_RETWEET_ENTRY;
bar.appendChild(li);
}
function doHideRetweet(){
if( ! HIDE_RETWEET_ENABLED ) return;
try{
var retweets = fc('js-retweet-text');
while(retweets.length > 0)retweets[0].parentNode.parentNode.parentNode.parentNode.remove();
}catch(e){
pl(e);
}
if( ! HIDE_RETWEET_ENABLED_V2019) return;
var tweetRoot, tweetRoot2, retweets19 = $$('article:not([isHideRetweet])'), alignH, retweetMarkRoot;
try{
for(var i=0; i<retweets19.length; i++){
alignH = retweets19[i].firstElementChild;
retweetMarkRoot = alignH.firstElementChild;
if(retweetMarkRoot.innerText.includes('转推了')){
tweetRoot2 = retweets19[i].parentNode;
tweetRoot = tweetRoot2.parentNode;
retweets19[i].setAttribute('isHideRetweet', '1');
var hidehint = ct('div', '隐藏了一条转推。');
hidehint.style.height = tweetRoot2.offsetHeight + 'px';
hidehint.className = 'LEORChn_HIDE_RETWEET_HINT';
tweetRoot2.style.display = 'none';
tweetRoot.appendChild(hidehint);
}
pl('hide retweet is running');
}
}catch(e){
pl(e);
pl(retweets19);
}
}
//-----
function doAddVideoEntry(){
var r=$('.PlayableMedia--video:only-child'),
pageType = 0;
if(!r){
r = $('video:not([blur]):not([hasvideoproxy])');
pageType++;
}
if(!r) return;
var v=ct('video'),
a=ct('a', '视频无法播放？点此解决');
if(pageType == 0){
r=r.parentNode;
}else if(pageType == 1){
var rootPadding = r.parentElement,
videoSlot, videoSlotPadding, videoHolderRoot;
videoSlot = videoSlotPadding = videoHolderRoot = null;
while(rootPadding.children.length <= 3){
videoHolderRoot = videoSlotPadding;
videoSlotPadding = videoSlot;
videoSlot = rootPadding;
rootPadding = rootPadding.parentElement;
}
v.setAttribute('blur', 'v2');
var tweetsURL = getTweetsURL(videoHolderRoot);
a.setAttribute('data-permalink-path', tweetsURL);// 适配旧版代码
a.href = '/'+tweetsURL; // 鼠标放在文字上时，浏览器左下角显示原帖地址（但是并不是用于点击后跳转，所以在下文的onclick里return false）
r.setAttribute('hasvideoproxy', '1');
r=videoSlotPadding;//.appendChild(a); // 适配旧版代码
}
a.style.color = 'rgb(27, 149, 224)';
a.style.cursor = 'help';
v.style.cssText='position:absolute; width:100%; height:calc(100% - 20px); top:0; display:none';
r.appendChild(v);
r.appendChild(a);
a.onclick=function(){
if(v.getAttribute('blur') == 'v2')
v.parentElement.children[0].style.cssText = '-webkit-filter:blur(20px); filter:blur(20px)';
v.style.display='';
var curTweet, curNode = this;
while(!curNode.hasAttribute('data-permalink-path') && curNode != document.body) curNode = curNode.parentNode;
if(curNode == document.body) return;
curTweet = encodeURIComponent('https://twitter.com/'+curNode.getAttribute('data-permalink-path'));
/* - more tools:
https://download-twitter-videos.com/
https://mydowndown.com/twitter
*/
http2('post', 'https://download-twitter-videos.com/zh/core/ajax.php', 'host=twitter&url='+curTweet, function(){
var res=this.responseText,
reg=new RegExp('http[^>]*\\.mp4[0-9a-zA-Z\?=%]{0,}','g'),
rsl=reg.exec(res);
pl(res); pl(rsl);
v.autoplay = v.loop = v.controls = true;
v.src = rsl[0];
v.style.height = '100%';
v.volume = 0.6;
});
return false; // 鼠标放在文字上时，浏览器左下角显示原帖地址（但是并不是用于点击后跳转，所以return false）
}
v.onplay = function(){
if(a) a.remove();
}
v.onclick = function(e){
if(v.duration == 0) return;
if(v.paused) v.play(); else v.pause();
e.stopPropagation();
}
}
function getTweetsURL(element){ // 获取当前视频元素所在的帖子的真实URL
var url = null,
testcase = /[^\/]*?\/status\/[0-9]*/; // 一个用于测试是否是具体帖子URL的用例。【[用户ID]/status/[帖子ID_数字]】
var testReplyRootUrl = (function(e){
/* 已测试：
进入一个回复帖页面，原帖中包含的视频 https://twitter.com/LEORChn/status/1230184640842829825
进入一个主题帖页面，原帖和回复帖均包含视频 https://twitter.com/Chisen_Lupus/status/1229804782589706240
进入一个帐号的空间页面，切换到“媒体”选项卡之后看到的每一个视频
*/
var links = e.parentNode.parentNode.parentNode.firstElementChild.querySelectorAll('a');
for(var i=0; i<links.length; i++)
if(testcase.test(links[i].href))
return testcase.exec(links[i])[0];
})(element);
if(testReplyRootUrl) return testReplyRootUrl;
return testcase.exec(location.pathname)[0];
}
//----- 在用户资料页面添加一个视图以查看他的永久链接
var ID_USER_FOREVER_UID = 'leorchn_user_id';
function doAddUidViewer(){
if(fv(ID_USER_FOREVER_UID)) return;
var followbtn = $('main a+div a+div [data-testid*=follow]'); // 定位到资料页面本人的关注按钮，而不是其他的关注按钮
if(followbtn == null){ // 自己的资料页面
followbtn = $('a[href^="/settings/profile"]');
if(followbtn == null){
pl('永久链接显示失败，可能是功能已失效。');
return;
}
var my_uid_testcase = /\"user_id\".*?(\d+)/,
my_uid_source = $('script[nonce]').innerText,
my_uid = my_uid_testcase.exec(my_uid_source)[1];
followbtn.setAttribute('data-testid', my_uid);
followbtn.parentNode.style.display = 'block'; // 不加这个会导致气泡与“编辑个人资料”按钮重叠在一起
}
var a = ct('a'),
coret = ct('span'),
text = ct('span', '用户的永久链接');
a.style.cssText = 'position:absolute; right:0; width:120px; padding:5px; margin-top:10px; border:#1da1f2 solid 1px; border-radius:10px; text-align:center; color:#1da1f2; text-decoration:none';
coret.style.cssText = 'position:absolute; right:25px; width:10px; height:10px; top:-6px; border:#1da1f2 solid 1px; border-bottom:none; border-right:none; transform:rotate(45deg); background-color:#fff;';
a.href = '/i/user/' + /\d*/.exec(followbtn.getAttribute('data-testid'))[0];
a.target = '_blank';
a.id = ID_USER_FOREVER_UID;
a.appendChild(coret);
a.appendChild(text);
followbtn.parentNode.appendChild(a);
var tmpView = followbtn, tmpView2;
while(true){ // 把名称 margin 一下以免挡到链接点击
tmpView2 = tmpView;
tmpView = tmpView.parentNode;
if(document.body == tmpView) break;
var prev = tmpView.previousElementSibling
if(prev == null) continue;
//if(prev.tagName.toLowerCase() != 'a') continue; // 这个在自己的资料页面会测试失败
if(tmpView.children.length < 3) continue;
if( ! tmpView.innerText.includes('@')) continue;
tmpView2.nextElementSibling.style.marginRight = '130px';
break;
}
}
//-----
function adaptDoublePhotoHeight(){
var a = $('.permalink-container .AdaptiveMedia');
if(a) a.style.maxHeight = '500%'; // 重置设置，突破界限
a = $$('.permalink-container .AdaptiveMedia-doublePhoto');
for(var i=0;i<a.length;i++){
a[i].style.lineHeight = 0; // 修改后的双图底部会多出一点点边框很难看
a[i].style.height = '100%'; // 重置掉原先固定的大小
}
a = $$('.permalink-container .AdaptiveMedia-doublePhoto img');
for(var b=0;b<a.length;b++){
a[b].style.top = a[b].style.left = 0; // 重置
a[b].style.height = ''; // 重置固定高度
a[b].style.position = 'static'; // 确保图片保持在边框里面
a[b].style.maxWidth = '100%'; // 限制双图宽度（横向扩展度）
}
}
function doFixImageView(){
var t = $$('div[aria-label=上一个]');
if(t.lengh == 0) return;
for(var i=0; i<t.length; i++){
t[i].parentElement.style.position = 'static';
}
}
//-----
(function(){
setInterval(onIntervalFunction, IntervalTime);
})();
//----- my ezjs lib
function fv(id){return document.getElementById(id);}
function ft(tag){return document.getElementsByTagName(tag);}
function fc(cname){return document.getElementsByClassName(cname);}
function ct(tag, t){var d=document.createElement(tag); if(t)d.innerText=t; return d;}
function $(s){return document.querySelector(s);}
function $$(s){return document.querySelectorAll(s);}
function msgbox(msg){alert(msg);}
function inputbox(title,defalt){return prompt(title,defalt);}
function pl(s){console.log(s);}
function http(method,url,formed,dofun,dofail){
var x = new XMLHttpRequest();
if(location.protocol.includes('https')) url=url.replace('^http:','https:');
x.open(method.toUpperCase(),url,true);
x.timeout=60000;
x.responseType="text"; // IE要求先open才能设置timeout和responseType
x.onload=dofun;
x.ontimeout=x.onerror= dofail? dofail: null;
x.send(formed?formed:'');
}
function getHeaders(){
return {
'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', // 如果没有这个，就会默认是 text/plain 并导致错误
cookie: '__cfduid=d507d0eb58ae7839d11def0ca83e943631553697169',
referer: 'https://download-twitter-videos.com/'
};
}
function http2(_method,_url,formdata,dofun,dofail){
pl('request cross-site http:\n\n'+_method+' '+_url+'\nform: '+formdata+'\n\n.');
GM_xmlhttpRequest({
method: _method.toUpperCase(),
url: _url,
data: formdata,
headers: getHeaders(),
onload: dofun,
onerror: dofail
});
}
function mkformdata(arr){
var f = new FormData();
for(var i in arr){
var s = arr[i].split('=');
pl(s);
f.append(s[0], decodeURIComponent(s[1]));
}
return f;
}