Descrizione
Utilizza l'API chrome.readingList
per leggere e modificare gli elementi nell'elenco di lettura.
Autorizzazioni
readingList
Per utilizzare l'API Reading List, aggiungi l'autorizzazione "readingList"
nel file manifest dell'estensione:
manifest.json:
{
"name": "My reading list extension",
...
"permissions": [
"readingList"
]
}
Disponibilità
Nel riquadro laterale di Chrome è presente un elenco di lettura. Consente agli utenti di salvare pagine web da leggere in un secondo momento o offline. Usa l'API Reading List per recuperare gli elementi esistenti e aggiungerli o rimuoverli dall'elenco.
Concetti e utilizzo
Ordine degli articoli
Gli elementi nell'elenco di lettura non sono in un ordine garantito.
Unicità degli articoli
Gli elementi sono codificati in base all'URL. Sono inclusi l'hash e la stringa di query.
Casi d'uso
Le seguenti sezioni mostrano alcuni casi d'uso comuni per l'API Reading List. Consulta gli esempi di estensioni per gli esempi completi di estensioni.
Aggiungere un articolo
Per aggiungere un elemento all'elenco di lettura, utilizza chrome.readingList.addEntry()
:
chrome.readingList.addEntry({
title: "New to the web platform in September | web.dev",
url: "https://developer.chrome.com/",
hasBeenRead: false
});
Elementi visualizzati
Per visualizzare gli elementi dell'elenco di lettura, utilizza il metodo chrome.readingList.query()
per recuperarli.
.
const items = await chrome.readingList.query({});
for (const item of items) {
// Do something do display the item
}
Contrassegnare un elemento come letto
Puoi utilizzare chrome.readingList.updateEntry()
per aggiornare il titolo, l'URL e lo stato di lettura. Il seguente codice contrassegna un elemento come letto:
chrome.readingList.updateEntry({
url: "https://developer.chrome.com/",
hasBeenRead: true
});
Rimuovere una voce
Per rimuovere un elemento, utilizza chrome.readingList.removeEntry()
:
chrome.readingList.removeEntry({
url: "https://developer.chrome.com/"
});
Esempi di estensioni
Per altre demo sulle estensioni dell'API Reading List, vedi l'esempio dell'API Reading List.
Tipi
AddEntryOptions
Proprietà
-
hasBeenRead
booleano
Sarà
true
se la voce è stata letta. -
titolo
stringa
Il titolo della voce.
-
url
stringa
L'URL della voce.
QueryInfo
Proprietà
-
hasBeenRead
booleano facoltativo
Indica se cercare gli elementi già letti (
true
) o da leggere (false
). -
titolo
stringa facoltativo
Un titolo da cercare.
-
url
stringa facoltativo
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à
true
se 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
booleano facoltativo
Lo stato di lettura aggiornato. Lo stato esistente rimane invariato se non viene fornito un valore.
-
titolo
stringa facoltativo
Il nuovo titolo. Il riquadro esistente rimane invariato se non viene fornito un valore.
-
url
stringa
L'URL che verrà aggiornato.
Metodi
addEntry()
chrome.readingList.addEntry(
entry: AddEntryOptions,
callback?: function,
)
Aggiunge una voce all'elenco di lettura se non esiste.
Parametri
-
voce
La voce da aggiungere all'elenco di lettura.
-
callback
funzione facoltativa
Il parametro
callback
ha il seguente aspetto:() => void
Resi
-
Promesso<void>
Le promesse sono supportate in Manifest V3 e versioni successive, ma sono disponibili callback per la compatibilità con le versioni precedenti. Non puoi utilizzare entrambi nella stessa chiamata di funzione. La si risolve con lo stesso tipo passato al callback.
query()
chrome.readingList.query(
info: QueryInfo,
callback?: function,
)
Recupera tutte le voci che corrispondono alle proprietà QueryInfo
. Le proprietà che non sono specificate non avranno corrispondenze.
Parametri
-
informazioni
Le proprietà da cercare.
-
callback
funzione facoltativa
Il parametro
callback
ha il seguente aspetto:(entries: ReadingListEntry[]) => void
-
entries
-
Resi
-
Promise<ReadingListEntry[]>
Le promesse sono supportate in Manifest V3 e versioni successive, ma sono disponibili callback per la compatibilità con le versioni precedenti. Non puoi utilizzare entrambi nella stessa chiamata di funzione. La si risolve con lo stesso tipo passato al callback.
removeEntry()
chrome.readingList.removeEntry(
info: RemoveOptions,
callback?: function,
)
Rimuove una voce dall'elenco di lettura, se esistente.
Parametri
-
informazioni
La voce da rimuovere dall'elenco di lettura.
-
callback
funzione facoltativa
Il parametro
callback
ha il seguente aspetto:() => void
Resi
-
Promesso<void>
Le promesse sono supportate in Manifest V3 e versioni successive, ma sono disponibili callback per la compatibilità con le versioni precedenti. Non puoi utilizzare entrambi nella stessa chiamata di funzione. La si risolve con lo stesso tipo passato al callback.
updateEntry()
chrome.readingList.updateEntry(
info: UpdateEntryOptions,
callback?: function,
)
Aggiorna una voce dell'elenco di lettura, se esistente.
Parametri
-
informazioni
La voce da aggiornare.
-
callback
funzione facoltativa
Il parametro
callback
ha il seguente aspetto:() => void
Resi
-
Promesso<void>
Le promesse sono supportate in Manifest V3 e versioni successive, ma sono disponibili callback per la compatibilità con le versioni precedenti. Non puoi utilizzare entrambi nella stessa chiamata di funzione. La si risolve con lo stesso tipo passato al callback.
Eventi
onEntryAdded
chrome.readingList.onEntryAdded.addListener(
callback: function,
)
Si attiva quando un ReadingListEntry
viene aggiunto all'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callback
ha il seguente aspetto:(entry: ReadingListEntry) => void
-
voce
-
onEntryRemoved
chrome.readingList.onEntryRemoved.addListener(
callback: function,
)
Si attiva quando un ReadingListEntry
viene rimosso dall'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callback
ha il seguente aspetto:(entry: ReadingListEntry) => void
-
voce
-
onEntryUpdated
chrome.readingList.onEntryUpdated.addListener(
callback: function,
)
Si attiva quando viene aggiornato un ReadingListEntry
nell'elenco di lettura.
Parametri
-
callback
funzione
Il parametro
callback
ha il seguente aspetto:(entry: ReadingListEntry) => void
-
voce
-