Brings back the blue bird icon on Twitter. No more 𝕏.
目前为
// ==UserScript==
// @name Get Twitter Icons Back
// @namespace Pionxzh
// @version 1.3.1
// @author Pionxzh
// @description Brings back the blue bird icon on Twitter. No more 𝕏.
// @license MIT
// @icon https://abs.twimg.com/favicons/twitter.2.ico
// @match https://twitter.com/*
// @match https://x.com/*
// ==/UserScript==
(function () {
'use strict';
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
function getDefaultExportFromCjs(x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
}
var sentinel_umd = { exports: {} };
(function(module, exports) {
(function(root, factory) {
{
module.exports = factory();
}
})(commonjsGlobal, function() {
var isArray = Array.isArray, selectorToAnimationMap = {}, animationCallbacks = {}, styleEl, styleSheet, cssRules;
return {
/**
* Add watcher.
* @param {array} cssSelectors - List of CSS selector strings
* @param {Function} callback - The callback function
*/
on: function(cssSelectors, callback) {
if (!callback)
return;
if (!styleEl) {
var doc = document, head = doc.head;
doc.addEventListener("animationstart", function(ev, callbacks, l, i) {
callbacks = animationCallbacks[ev.animationName];
if (!callbacks)
return;
ev.stopImmediatePropagation();
l = callbacks.length;
for (i = 0; i < l; i++)
callbacks[i](ev.target);
}, true);
styleEl = doc.createElement("style");
head.append(styleEl);
styleSheet = styleEl.sheet;
cssRules = styleSheet.cssRules;
}
(isArray(cssSelectors) ? cssSelectors : [cssSelectors]).map(function(selector, animId, isCustomName) {
animId = selectorToAnimationMap[selector];
if (!animId) {
isCustomName = selector[0] == "!";
selectorToAnimationMap[selector] = animId = isCustomName ? selector.slice(1) : "sentinel-" + Math.random().toString(16).slice(2);
cssRules[styleSheet.insertRule(
"@keyframes " + animId + "{from{transform:none;}to{transform:none;}}",
cssRules.length
)]._id = selector;
if (!isCustomName) {
cssRules[styleSheet.insertRule(
selector + "{animation-duration:0.0001s;animation-name:" + animId + ";}",
cssRules.length
)]._id = selector;
}
selectorToAnimationMap[selector] = animId;
}
(animationCallbacks[animId] = animationCallbacks[animId] || []).push(callback);
});
},
/**
* Remove watcher.
* @param {array} cssSelectors - List of CSS selector strings
* @param {Function} callback - The callback function (optional)
*/
off: function(cssSelectors, callback) {
(isArray(cssSelectors) ? cssSelectors : [cssSelectors]).map(function(selector, animId, callbackList, i) {
if (!(animId = selectorToAnimationMap[selector]))
return;
callbackList = animationCallbacks[animId];
if (callback) {
i = callbackList.length;
while (i--) {
if (callbackList[i] === callback)
callbackList.splice(i, 1);
}
} else {
callbackList = [];
}
if (callbackList.length)
return;
i = cssRules.length;
while (i--) {
if (cssRules[i]._id == selector)
styleSheet.deleteRule(i);
}
delete selectorToAnimationMap[selector];
delete animationCallbacks[animId];
});
},
/**
* Reset watchers and cache
*/
reset: function() {
selectorToAnimationMap = {};
animationCallbacks = {};
if (styleEl)
styleEl.parentNode.removeChild(styleEl);
styleEl = 0;
}
};
});
})(sentinel_umd);
var sentinel_umdExports = sentinel_umd.exports;
const sentinel = /* @__PURE__ */ getDefaultExportFromCjs(sentinel_umdExports);
function onloadSafe(fn) {
if (document.readyState === "complete") {
fn();
} else {
window.addEventListener("load", fn);
}
}
main();
const xIconSvgInner = '<g><path d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"></path></g>';
const xIconInNotification = '<g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g>';
const twitterIconSvgInner = '<g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g>';
const linkMap = {
"mask-icon": "https://abs.twimg.com/responsive-web/client-web/icon-svg.168b89da.svg",
"shortcut icon": "//abs.twimg.com/favicons/twitter.2.ico",
"apple-touch-icon": "https://abs.twimg.com/responsive-web/client-web/icon-ios.b1fc727a.png"
};
const metaMap = {
"apple-mobile-web-app-title": "Twitter"
};
function main() {
onloadSafe(() => {
injectStyle();
const placeHolderIconSelector = "#placeholder > svg";
replaceIcon(placeHolderIconSelector, false);
const headerIconSelector = "h1 a[href='/home'] svg";
replaceIcon(headerIconSelector, true);
const mobileHeaderIconSelector = '[data-testid="TopNavBar"] svg';
replaceIcon(mobileHeaderIconSelector, true);
sentinel.on("svg", (svg) => {
if (svg.getAttribute("data-replaced") === "true")
return;
svg.setAttribute("data-replaced", "true");
if (svg.innerHTML === xIconSvgInner)
svg.innerHTML = twitterIconSvgInner;
if (svg.innerHTML === xIconInNotification)
svg.innerHTML = twitterIconSvgInner;
});
replaceLinkRel();
replaceMetaName();
});
}
function injectStyle() {
const sheet = new CSSStyleSheet();
sheet.replaceSync(`
.old-twitter-icon {
height: 1.75rem;
width: 20px;
max-width: 100%;
fill: currentcolor;
color: rgba(29,155,240,1.00);
vertical-align: text-bottom;
position: relative;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
display: inline-block;
}
@media (prefers-color-scheme: dark) {
.old-twitter-icon {
color: rgba(231,233,234,1.00);
}
}`);
document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
}
function replaceIcon(selector, applyStyle) {
sentinel.on(selector, (svg) => {
if (svg.getAttribute("data-replaced") === "true")
return;
svg.setAttribute("data-replaced", "true");
svg.innerHTML = twitterIconSvgInner;
if (applyStyle)
svg.classList.add("old-twitter-icon");
});
}
const mutationObserverOptions = { subtree: true, characterData: true, childList: true };
function replaceLinkRel() {
const links = document.querySelectorAll("link[rel]");
links.forEach((link) => {
const rel = link.getAttribute("rel");
if (rel && linkMap[rel]) {
const targetValue = linkMap[rel];
const sync = () => {
if (link.getAttribute("href") !== targetValue) {
link.setAttribute("href", targetValue);
}
};
sync();
new MutationObserver(sync).observe(link, mutationObserverOptions);
}
});
}
function replaceMetaName() {
const metaList = document.querySelectorAll("meta[name]");
metaList.forEach((meta) => {
const name = meta.getAttribute("name");
if (name && metaMap[name]) {
const targetValue = metaMap[name];
const sync = () => {
if (meta.getAttribute("content") !== targetValue) {
meta.setAttribute("content", targetValue);
}
};
sync();
new MutationObserver(sync).observe(meta, mutationObserverOptions);
}
});
}
})();