Su Windows, non è possibile stampare un post di blog medio senza che il codice venga ritagliato


5

Il mio sistema: Windows 10 Pro x64 9200, HP EliteBook 1040, Chrome versione 62.0.3202.62 (build ufficiale) (64-bit)

Vorrei stampare questo post del blog Medium:

https://medium.com/@keeper6928/how-to-unit-test-machine-learning-code-57cf6fd81765

tuttavia, quando provo, i blocchi di codice vengono ritagliati. Ad esempio, questo pezzo di codice, che è in realtà 15 righe di codice lungo

enter image description here

viene ritagliato su 10 righe di codice:

enter image description here

Esattamente lo stesso problema succede se stampo su PDF, invece di inviare il mio lavoro di stampa alla nostra coda di stampa di follow-up.

Penso che il problema sia in qualche modo collegato a GitHub ... a quanto pare, il blogger ha utilizzato alcuni servizi GitHub per condividere i suoi codici nel suo post, ma questo servizio "non funziona" con la funzione di stampa di Chrome. Il motivo per cui credo che questo è che quando visualizzo la pagina da Chrome, i blocchi di codice sono mostrati nella loro interezza, compreso il piè di pagina che spiega che il codice è ospitato su GitHub:

enter image description here

Ma quando stampo in PDF, il footer è sparito:

enter image description here

Per tua comodità, includo un link al PDF ottenuto stampando in PDF il post del blog. Come posso stampare il post senza ritagliare i frammenti di codice?

MODIFICARE come suggerito nei commenti, ho provato a evidenziare il codice in uno snippet e quindi selezionare "Stampa" dal menu in alto a destra di Chrome. In questo caso, lo snippet viene stampato correttamente , comunque questo non risolve il mio problema ... a meno che non stampi ogni frammento separatamente, e poi li incolli fisicamente sul post del blog stampato :) un po 'troppo low-tech, anche per me.


1
"Come posso stampare il post senza ritagliare i frammenti di codice?" - Purtroppo no. I tuoi sospetti sono corretti. Tuttavia, l'autore ha inviato e formattato il codice sul proprio blog, sta aggiungendo il piè di pagina ed è probabile che a Chrome non piaccia la pagina. Stranamente sono andato alla pagina e non vedo codice ma menzione del codice. Anche Github non è bloccato. Dopodiché darò un'occhiata a una rete diversa e userò il mio laboratorio virtuale per vedere quali opzioni potrebbero esserci.
Ramhound

1
Hai provato a evidenziare tutto il codice e a stampare "selezione"? Come utilizzare il collegamento "Visualizza Raw"?
Appleoddity

@Appleoddity grazie per il vostro interesse. Ho provato a evidenziare il codice: vedi domanda modificata. Per quanto riguarda il collegamento "Visualizza raw", se fai clic su di esso puoi vedere che Chrome apre un'altra pagina, in cui viene visualizzato solo quel codice tagliato e visualizzato come testo non elaborato (nessuna sintassi highligthing), ma tutto il resto del post è perso. Quindi questa non è una soluzione.
DeltaIV

@Ramhound è molto interessante che tu non veda il codice. Inoltre non riesco a vederlo subito quando apro la pagina, ma nel mio caso è solo una questione di tempo di caricamento: dopo solo un paio di secondi, i rettangoli in cui il codice dovrebbe essere popolato con il codice. Sarebbe bello se potessi dare un'occhiata a questo problema dal tuo laboratorio.
DeltaIV

Risposte:


1

Un'alternativa è quella di seguire il percorso dello screenshot, come spiegato nella risposta di Journeyman Geek.

Un'altra opzione: usa un word processor.

  • Apri la pagina, seleziona tutto ( Ctrl - UN sulla maggior parte dei sistemi)
  • copia ( Ctrl - C )
  • incolla ( Ctrl - V ) in un word processor (LibreOffice, MS Word, qualunque sia)

Questo di solito manterrà la maggior parte della formattazione e delle immagini e ti consentirà di sistemare facilmente ciò che è sbagliato.

In questo caso specifico, i frammenti di codice non arrivano (presumibilmente perché sono IFrame separati nel sorgente HTML). Tuttavia, puoi copiarli individualmente e incollarli nel posto giusto. Un po 'noioso, ma per alcuni frammenti è fattibile.

svantaggi:

  • un po 'di lavoro manuale
  • non conserva esattamente l'aspetto del browser

vantaggi:

  • più flessibilità
  • ottieni una risoluzione di stampa completa per il testo

2

Ha bisogno di un po 'di postprocessing dopo questo (o il mio schermo è troppo largo) ma firefox ha un bel tool per lo screenshot di un'intera pagina come parte del suo GCLI - o CLI grafico

Premi shift-f2 o vai agli strumenti - & gt; sviluppatore web - & gt; barra degli strumenti per sviluppatori.

Lì, digita "screenshot filename.png --fullpage" e questo cattura uno screenshot di ciò che vedi sullo schermo come questo

Poi avrei ritagliato i bordi (ho usato paint.net per questo) poiché è troppo largo, quindi lo stampo in vernice (si vernice). Vai all'anteprima di stampa - e puoi impostarlo per stampare su 1 x qualcosa di pagine = Ho impostato 10, quindi ho deciso che 6 funzionasse.

enter image description here

La larghezza 1 è essenziale, poiché in pratica imposta / ridimensiona la larghezza della pagina

Quindi stampa su PDF, prova per modificare e stampa fisicamente dal PDF una volta che sai che funziona.


Grazie! Lo proverò oggi e gli farò sapere come funziona per me.
DeltaIV

Ho dovuto apportare alcune modifiche, ma alla fine ha funzionato. Sono sorpreso che funzioni solo stampando con Paint - usando paint.Net non funziona, per qualche motivo.
DeltaIV

1
heh, è ​​un abuso di una funzionalità che sospetto sia destinata alla stampa di poster. PDN utilizza la normale API di stampa fotografica che non è adatta a questo. Questo è più usi hacker di cose, p
Journeyman Geek
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.