Mobilism - Mobile Easy Searchbar

3/22/2023, 6:14:31 PM

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Mobilism - Mobile Easy Searchbar
// @namespace   Violentmonkey Scripts
// @match       https://forum.mobilism.org/*
// @match       https://forum.mobilism.me/*
// @grant       none
// @version     1.0
// @author      webdevz.sk | BENZiN
// @run-at      document-end
// @description 3/22/2023, 6:14:31 PM
// @license	MIT
// ==/UserScript==
const ogSearch = document.querySelector("#forum-search")
const newSearch = ogSearch.cloneNode(true)
newSearch.id = "new-forum-search"
document.querySelector(".leftArea").appendChild(newSearch)

const css = `
  #new-forum-search{
      display: none;
  }
  @media(max-width: 767px){
    #new-forum-search{
      display: block;
    }
  }
`
const styleNode = document.createElement("style")
styleNode.appendChild(document.createTextNode(css))
;(document.querySelector("head") || document.documentElement).appendChild(styleNode)