Descrizione
Utilizza l'API chrome.readingList per leggere e modificare gli elementi nell'elenco di lettura.
Autorizzazioni
readingListPer utilizzare l'API Reading List, aggiungi l'autorizzazione "readingList" nel file manifest dell'estensione:
manifest.json:
{
"name": "My reading list extension",
...
"permissions": [
"readingList"
]
}
Disponibilità
Chrome dispone di un elenco di lettura situato nel riquadro laterale. Consente agli utenti di salvare le pagine web per leggerle in un secondo momento o quando sono offline. Utilizza l'API Reading List per recuperare gli elementi esistenti e aggiungere o rimuovere elementi dall'elenco.
Concetti e utilizzo
Ordinamento degli elementi
Gli elementi nell'elenco di lettura non sono in un ordine garantito.
Unicità degli articoli
Gli elementi sono identificati dall'URL. Sono inclusi l'hash e la stringa di query.
Casi d'uso
Le sezioni seguenti mostrano alcuni casi d'uso comuni dell'API Reading List. Consulta Esempi di estensioni per esempi completi di estensioni.
Aggiungere un articolo
Per aggiungere un elemento all'elenco di lettura, utilizza browser.readingList.addEntry():
browser.readingList.addEntry({
title: "New to the web platform in September | web.dev",
url: "https://developer.chrome.com/",
hasBeenRead: false
});
Elementi display
Per visualizzare gli elementi dell'elenco di lettura, utilizza il metodo browser.readingList.query() per recuperarli.
const items = await browser.readingList.query({});
for (const item of items) {
// Do something do display the item
}
Contrassegna un elemento come letto
Puoi utilizzare browser.readingList.updateEntry() per aggiornare il titolo, l'URL e lo stato di lettura. Il seguente codice contrassegna un elemento come letto:
browser.readingList.updateEntry({
url: "https://developer.chrome.com/",
hasBeenRead: true
});
Rimuovere una voce
Per rimuovere un elemento, utilizza browser.readingList.removeEntry():
browser.readingList.removeEntry({
url: "https://developer.chrome.com/"
});
Esempi di estensioni
Per altre demo delle estensioni dell'API Reading List, consulta l'esempio di API Reading List.
Tipi
AddEntryOptions
Proprietà
-
hasBeenRead
booleano
Sarà
truese la voce è stata letta. -
titolo
stringa
Il titolo della voce.
-
url
stringa
L'URL della voce.
QueryInfo
Proprietà
-
hasBeenRead
boolean facoltativo
Indica se cercare elementi letti (
true) o da leggere (false). -
titolo
stringa facoltativa
Un titolo da cercare.
-
url
stringa facoltativa
Un URL da cercare.
ReadingListEntry
Proprietà
-
creationTime
numero
L'ora in cui è stata creata la voce. Registrato in millisecondi dal 1° gennaio 1970.
-
hasBeenRead
booleano
Sarà
truese la voce è stata letta. -
lastUpdateTime
numero
L'ultima volta che la voce è stata aggiornata. Questo valore è espresso in millisecondi dal 1° gennaio 1970.
-
titolo
stringa
Il titolo della voce.
-
url
stringa
L'URL della voce.
RemoveOptions
Proprietà
-
url
stringa
L'URL da rimuovere.
UpdateEntryOptions
Proprietà
-
hasBeenRead
boolean facoltativo
Lo stato di lettura aggiornato. Se non viene fornito un valore, lo stato esistente rimane invariato.
-
titolo
stringa facoltativa
Il nuovo titolo. Se non viene fornito un valore, il riquadro esistente rimane.
-
url
stringa
L'URL che verrà aggiornato.
Metodi
addEntry()
browser.readingList.addEntry(
entry: AddEntryOptions,
): Promise<void>
Aggiunge una voce all'elenco di lettura se non esiste.
Parametri
-
entry
La voce da aggiungere all'elenco di lettura.
Resi
-
Promise<void>
Si risolve una volta aggiunta la voce.
query()
browser.readingList.query(
info: QueryInfo,
): Promise<ReadingListEntry[]>
Recupera tutte le voci che corrispondono alle proprietà QueryInfo. Le proprietà non fornite non verranno abbinate.
Parametri
-
informazioni
Le proprietà da cercare.
Resi
-
Promise<ReadingListEntry[]>
Si risolve una volta che le voci sono state abbinate.
removeEntry()
browser.readingList.removeEntry(
info: RemoveOptions,
): Promise<void>
Rimuove una voce dall'elenco di lettura, se esiste.
Parametri
-
informazioni
La voce da rimuovere dall'elenco di lettura.
Resi
-
Promise<void>
Si risolve una volta rimossa la voce.
updateEntry()
browser.readingList.updateEntry(
info: UpdateEntryOptions,
): Promise<void>
Aggiorna una voce dell'elenco di lettura, se esiste.
Parametri
-
informazioni
La voce da aggiornare.
Resi
-
Promise<void>
Si risolve una volta aggiornate le voci corrispondenti.
Eventi
onEntryAdded
browser.readingList.onEntryAdded.addListener(
callback: function,
)
Attivato quando un ReadingListEntry viene aggiunto all'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callbackha il seguente aspetto:(entry: ReadingListEntry) => void
-
entry
-
onEntryRemoved
browser.readingList.onEntryRemoved.addListener(
callback: function,
)
Si attiva quando un ReadingListEntry viene rimosso dall'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callbackha il seguente aspetto:(entry: ReadingListEntry) => void
-
entry
-
onEntryUpdated
browser.readingList.onEntryUpdated.addListener(
callback: function,
)
Si attiva quando un ReadingListEntry viene aggiornato nell'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callbackha il seguente aspetto:(entry: ReadingListEntry) => void
-
entry
-