Print Code

Print.

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

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

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

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

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

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

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

Advertisement:

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

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

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

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

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

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

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

Advertisement:

// ==UserScript==
// @name         Print Code
// @namespace    http://tampermonkey.net/
// @version      0.2.0
// @description  Print.
// @author       Feng Ya
// @match        https://github.com/*
// @grant        none
// ==/UserScript==

;(function () {
  'use strict'
  // Your code here...
  if (!document.querySelector('div.file')) return

  console.log('print code')

  const btnPrint = document.createElement('a')
  btnPrint.classList.add('btn')
  btnPrint.classList.add('btn-sm')
  btnPrint.classList.add('BtnGroup-item')
  console.log(btnPrint.classList)
  btnPrint.innerHTML = 'Print'
  btnPrint.addEventListener('click', printCode)

  document
    .querySelector('div.file-actions > div.BtnGroup')
    .appendChild(btnPrint)

  function printCode () {
    const file = document.querySelector('div.file')
    const header = document.querySelector('div.file-header')

    header.style.display = 'none'

    const css = document.createElement('style')
    css.type = 'text/css'
    css.innerHTML = `
    .file { width: 210mm; }
    .blob-code { line-height: 1.2; }
    .blob-code-inner { font-size: 12pt; }
    `
    document.head.appendChild(css)

    document.querySelectorAll('body > div').forEach(div => {
      div.style.display = 'none'
    })

    document.body.appendChild(file)
  }
})()