懸停時切換程式碼區塊的全螢幕模式
一個全面的用戶腳本,通過向程式碼塊添加全屏和複製功能來增强StackExchange網站上的程式碼查看體驗。
1.安裝用戶腳本管理器(Tampermonkey、Greasemonkey等) 2.從用戶腳本安裝此腳本 3.訪問任何帶有程式碼塊的StackExchange網站 4.將滑鼠懸停在程式碼塊上以查看新按鈕
1.將滑鼠懸停在任何程式碼塊上以顯示控制按鈕 2.點擊“全屏”在新的專用選項卡中打開程式碼 3.點擊“複製”將程式碼複製到剪貼板 4.在全屏選項卡中按Esc**關閉
該腳本適用於整個StackExchange網絡:
//覈心功能
addStyles()//為按鈕和佈局注入CSS
addButtons()//為程式碼塊創建懸停按鈕
openCodeInNewTab()//生成全屏查看體驗
copyToClipboard()//處理程式碼複製功能
可以通過修改CSS變數來定制腳本:
/* Button appearance */
.button {
background- color: #eee; /* Button background */
font- size: 12px; /* Button text size */
padding: 4px 8px; /* Button spacing */
}
/* Fullscreen styling */
.toolbar button {
background: #007acc; /* Toolbar button color */
color: white; /* Toolbar text color */
}
語法高亮顯示支持190多種程式設計語言,包括:
按鈕未出現
全屏時快顯視窗被封锁
語法高亮顯示不起作用
複製不起作用
MIT許可證- 個人和商業用途免費。
對於問題、功能請求或貢獻: