//
innerHTML: `
`
})
document.body.appendChild(actionbar)
if (window.location.pathname === '/') {
actionbar.classList.add('home')
setRefreshBtn()
}
if (window.location.pathname.startsWith('/video')) {
actionbar.classList.add('video')
setFullbtn()
} else {
setTopBtn()
}
if (window.location.hostname === 'search.bilibili.com') {
actionbar.classList.add('search')
setSearchBtn(true)
setShowMoreBtn()
} else {
setSearchBtn()
}
setHomeBtn()
setMenuBtn()
function setFullbtn () {
let clickTimer = null
const fullBtn = document.getElementById('full-now')
fullBtn.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(function () {
const video = document.querySelector('video')
// 等于符号优先级更高
if (GM_getValue('full-unmuted', false) === true) {
video.play()
video.muted = false
if (video.volume === 0) {
document.querySelector('.bpx-player-ctrl-muted-icon').click()
}
}
const isPortrait = video.videoWidth / video.videoHeight < 1
const btnSelector = isPortrait ? '.bpx-player-ctrl-web' : '.bpx-player-ctrl-full'
const rawFullBtn = document.querySelector(btnSelector)
rawFullBtn?.click()
}, 300)
})
fullBtn.addEventListener('dblclick', () => {
clearTimeout(clickTimer)
const video = document.querySelector('video')
video.play()
video.muted = false
if (video.volume === 0) {
document.querySelector('.bpx-player-ctrl-muted-icon').click()
}
})
}
function setTopBtn () {
const topBtn = document.getElementById('my-top')
topBtn.addEventListener('click', () => {
window.scrollTo({ top: 0 })
})
}
function setHomeBtn () {
const home = document.getElementById('my-home')
home.addEventListener('click', () => { window.location.href = 'https://www.bilibili.com/' })
}
function setSearchBtn (isSearchPage) {
const searchFab = document.getElementById('search-fab')
const svg = searchFab.querySelector('svg')
const searchOverlay = document.createElement('div')
searchOverlay.id = 'search-overlay'
searchFab.appendChild(searchOverlay)
let searchFabText
if (isSearchPage) {
// 底部显示搜索文本
const pageInput = document.querySelector('.search-input input')
searchFabText = Object.assign(document.createElement('div'), {
id: 'search-fab-text',
textContent: pageInput.value
})
searchFab.appendChild(searchFabText)
searchFab.style.cssText = `
background-color: var(--graph_bg_thick);
border-radius: 16px;
`
svg.style.flex = '0 0 20px'
}
let clickTimer = null
let handleInput = null
searchFab.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
const input = document.querySelector('.center-search-container input')
if (input) {
document.querySelector('.center-search-container').classList.toggle('show')
input.focus()
searchOverlay.classList.toggle('show')
searchFab.classList.toggle('active')
if (isSearchPage) {
// 移除之前添加的 input 事件监听器
input.removeEventListener('input', handleInput)
// 模拟输入: 将文本填入底部搜索
input.value = searchFabText.textContent
input.dispatchEvent(new Event('input', { bubbles: true }))
// 文本更新到搜索页搜索
handleInput = () => {
searchFabText.textContent = input.value
if (input.value === '') {
searchFab.style.cssText = ''
svg.style.flex = ''
} else {
searchFab.style.cssText = `
background-color: var(--graph_bg_thick);
border-radius: 16px;
`
svg.style.flex = '0 0 20px'
}
}
input.addEventListener('input', handleInput)
}
}
}, 300)
})
if (isSearchPage) {
searchFab.addEventListener('dblclick', () => {
clearTimeout(clickTimer)
const input = document.querySelector('.center-search-container input')
if (input) {
document.querySelector('.center-search-container').classList.toggle('show')
input.focus()
searchOverlay.classList.toggle('show')
searchFab.classList.toggle('active')
input.value = ''
input.dispatchEvent(new Event('input', { bubbles: true }))
searchFabText.textContent = input.value
searchFab.style.cssText = ''
svg.style.flex = ''
input.removeEventListener('input', handleInput)
// 文本更新到搜索页搜索
handleInput = () => {
searchFabText.textContent = input.value
if (input.value === '') {
searchFab.style.cssText = ''
svg.style.flex = ''
} else {
searchFab.style.cssText = `
background-color: var(--graph_bg_thick);
border-radius: 16px;
`
svg.style.flex = '0 0 20px'
}
}
input.addEventListener('input', handleInput)
}
})
}
}
function setMenuBtn () {
const menuFab = document.getElementById('menu-fab')
// headerInMenu
const menuOverlay = Object.assign(document.createElement('div'), {
id: 'menu-overlay',
innerHTML: `
`
})
menuFab.appendChild(menuOverlay)
const menu = menuOverlay.querySelector('#header-in-menu')
menuFab.addEventListener('click', () => {
menu.classList.add('show')
document.body.setAttribute('menu', '')
menuOverlay.classList.add('show')
menuFab.classList.add('active')
})
const items = menuOverlay.querySelectorAll('li')
items.forEach(item => {
item.addEventListener('click', event => {
event.stopPropagation()
menu.classList.remove('show')
document.body.removeAttribute('menu')
const refer = item.dataset.refer
sessionStorage.setItem('opened-dailog', refer)
simulateMouseEnter(document.querySelector(`.bili-header__bar ${refer}`))
})
})
menuOverlay.addEventListener('click', event => {
event.stopPropagation()
menu.classList.remove('show')
document.body.removeAttribute('menu')
menuOverlay.classList.remove('show')
menuFab.classList.remove('active')
const refer = sessionStorage.getItem('opened-dailog') || ''
simulateMouseLeave(document.querySelector(`.bili-header__bar ${refer}`))
})
function simulateMouseEnter (element) {
const event = new MouseEvent('mouseenter', { bubbles: true, view: _unsafeWindow })
element.dispatchEvent(event)
}
function simulateMouseLeave (element) {
const event = new MouseEvent('mouseleave', { bubbles: true, view: _unsafeWindow })
element.dispatchEvent(event)
}
}
function setRefreshBtn () {
const refreshFab = document.getElementById('refresh-fab')
refreshFab.addEventListener('click', () => {
refresh()
function refresh () {
const rawRefreshBtn = document.querySelector('.flexible-roll-btn-inner')
rawRefreshBtn ? rawRefreshBtn.click() : setTimeout(refresh, 500)
}
})
}
function setShowMoreBtn () {
const showMoreFab = document.getElementById('show-more-fab')
const handleClick = () => {
const searchConditions = document.querySelector('.search-conditions')
if (searchConditions) {
if (sessionStorage.getItem('show-conditions') !== 'true') {
searchConditions.classList.add('show')
showMoreFab.classList.add('reverse')
sessionStorage.setItem('show-conditions', 'true')
} else {
searchConditions.classList.remove('show')
showMoreFab.classList.remove('reverse')
sessionStorage.setItem('show-conditions', '')
}
}
}
showMoreFab.addEventListener('click', handleClick)
}
}
// 侧边栏(使用 sessionStorage + heade style 绕过 DOM 依赖以解决刷新缓加载导致的内容跳动。head 中的 style 也会暂缓。最后确定是元素在样式表加载前的初始样式问题。)
function handleSidebar () {
const sidebarBtn = document.getElementById('sidebar-fab')
const videoContainer = document.querySelector('#mirror-vdcon')
sidebarBtn.addEventListener('click', () => {
videoContainer.toggleAttribute('sidebar')
})
function closeSidebar () {
videoContainer.removeAttribute('sidebar')
}
const recommendLiist = document.getElementById('reco_list')
recommendLiist.addEventListener('click', (event) => {
const nextPlay = document.querySelector('.rec-title')
const recommendFooter = document.querySelector('.rec-footer')
if (!nextPlay.contains(event.target) && !recommendFooter.contains(event.target)) { closeSidebar() }
})
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/nonce */
/******/ (() => {
/******/ __webpack_require__.nc = undefined;
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
(() => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _style_app_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
/* harmony import */ var _style_header_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11);
/* harmony import */ var _style_home_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
/* harmony import */ var _style_video_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
/* harmony import */ var _style_search_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17);
/* harmony import */ var _style_user_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19);
/* harmony import */ var _init_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21);
/* harmony import */ var _window_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22);
/* harmony import */ var _setting_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23);
/* harmony import */ var _header_image_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
/* harmony import */ var _video_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(25);
/* harmony import */ var _actionbar_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(26);
// @grant 表示全局作用域运行，而不在隔离沙盒内使用特定 API
(function () {
// setInterval(() => { debugger }, 100)
function waitDOMContentLoaded (callback) { document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', callback) : callback() }
(0,_init_js__WEBPACK_IMPORTED_MODULE_6__.initViewport)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.preventBeforeUnload)()
console.log('Bilibili mobile execute!')
const url = window.location
// 简单表达式: 常量折叠，解析引擎优化为只计算一次，然后缓存入临时变量。函数调用、对象属性访问等不适用。
const part = url.hostname.substring(0, url.hostname.indexOf('.'))
switch (part) {
case 'www':
if (url.pathname === '/') {
(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.increaseVideoLoadSize)()
;(0,_header_image_js__WEBPACK_IMPORTED_MODULE_9__.handleHeaderImage)()
}
(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_11__.handleActionbar)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
if (url.pathname.startsWith('/video')) {
(0,_video_js__WEBPACK_IMPORTED_MODULE_10__.videoInteraction)()
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_11__.handleSidebar)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('video')
} else {
(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)()
}
})
break
case 'search':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_11__.handleActionbar)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('search')
})
break
case 'space':
break
case 'm':
break
default:
break
}
})()
})();
/******/ })()
;