Come rilevare la funzionalità copia negli appunti prima di utilizzarla

Question

Sto provando a creare una funzione di copia in puro JS, quindi nessun flash. Il problema che ho è che non voglio mostrare il pulsante di copia quando il browser non supporta la copia negli appunti.

Sto usando il metodo document.execCommand('copy') per eseguire la copia negli appunti ma il supporto per questo non è il migliore. Ad esempio, safari ha la funzione execCommand ma non supporta il parametro copy. Ciò significa che non posso semplicemente controllare se la funzione esiste.

A causa di questo supporto dubbia penso che dovrò passare per il rilevamento del browser, proprio come fa Github che mi è capitato di guardare a un problema zeroclipboard. Here è l'implementazione che ho trovato.

Esiste un modo corretto per rilevare l'agente utente? Preferisco non utilizzare NavigatorID.userAgent poiché è deprecato in base a MDN.

Answer 1

ho notato che in Safari prima versione 10 (testato su 9.0 e 9.1) la seguente costruzione

document.execCommand('copy'); 

tornerà false. Questo fatto può essere utilizzato per verificare la compatibilità in Safari.

if (false == document.execCommand('copy')) { 
    // Logic for handling the copy functionality in some other way 
}