Opis
Użyj interfejsu chrome.readingList
API, aby odczytywać i modyfikować elementy na liście Do przeczytania.
Uprawnienia
readingList
Aby używać interfejsu Reading List API, dodaj uprawnienie "readingList"
w pliku manifestu rozszerzenia:
manifest.json:
{
"name": "My reading list extension",
...
"permissions": [
"readingList"
]
}
Dostępność
Chrome ma listę Do przeczytania, która znajduje się w panelu bocznym. Umożliwia użytkownikom zapisywanie stron internetowych, aby przeczytać je później lub offline. Użyj interfejsu Reading List API, aby pobrać istniejące elementy i dodać lub usunąć elementy z listy.

Pojęcia i zastosowanie
Kolejność produktów
Pozycje na liście Do przeczytania nie są ułożone w gwarantowanej kolejności.
Unikalność produktu
Elementy są kluczowane według adresu URL. Obejmuje to hash i ciąg zapytania.
Przypadki użycia
W kolejnych sekcjach przedstawiamy kilka typowych przypadków użycia interfejsu Reading List API. Pełne przykłady rozszerzeń znajdziesz w sekcji Przykłady rozszerzeń.
Dodaj element
Aby dodać element do listy Do przeczytania, użyj chrome.readingList.addEntry()
:
chrome.readingList.addEntry({
title: "New to the web platform in September | web.dev",
url: "https://developer.chrome.com/",
hasBeenRead: false
});
Wyświetlanie elementów
Aby wyświetlić elementy z listy do czytania, użyj metody chrome.readingList.query()
.
const items = await chrome.readingList.query({});
for (const item of items) {
// Do something do display the item
}
Oznaczanie elementu jako przeczytanego
Aby zaktualizować tytuł, adres URL i stan przeczytania, możesz użyć ikony chrome.readingList.updateEntry()
. Poniższy kod oznacza element jako przeczytany:
chrome.readingList.updateEntry({
url: "https://developer.chrome.com/",
hasBeenRead: true
});
Usuwanie elementów
Aby usunąć element, kliknij chrome.readingList.removeEntry()
:
chrome.readingList.removeEntry({
url: "https://developer.chrome.com/"
});
Przykłady rozszerzeń
Więcej demonstracji rozszerzeń interfejsu Reading List API znajdziesz w przykładzie interfejsu Reading List API.
Typy
AddEntryOptions
Właściwości
-
hasBeenRead
Wartość logiczna
Jeśli wpis został odczytany, będzie miał wartość
true
. -
tytuł
ciąg znaków
Tytuł wpisu.
-
URL
ciąg znaków
Adres URL wpisu.
QueryInfo
Właściwości
-
hasBeenRead
wartość logiczna opcjonalna
Określa, czy wyszukiwać przeczytane (
true
) czy nieprzeczytane (false
) elementy. -
tytuł
string opcjonalny
Tytuł do wyszukania.
-
URL
string opcjonalny
Adres URL do wyszukania.
ReadingListEntry
Właściwości
-
creationTime
liczba
Czas utworzenia wpisu. Zapisywany w milisekundach od 1 stycznia 1970 r.
-
hasBeenRead
Wartość logiczna
Jeśli wpis został odczytany, będzie miał wartość
true
. -
lastUpdateTime
liczba
Ostatnia aktualizacja wpisu. Ta wartość jest podana w milisekundach od 1 stycznia 1970 r.
-
tytuł
ciąg znaków
Tytuł wpisu.
-
URL
ciąg znaków
Adres URL wpisu.
RemoveOptions
Właściwości
-
URL
ciąg znaków
Adres URL do usunięcia.
UpdateEntryOptions
Właściwości
-
hasBeenRead
wartość logiczna opcjonalna
Zaktualizowany stan odczytu. Jeśli nie podasz wartości, dotychczasowy stan pozostanie bez zmian.
-
tytuł
string opcjonalny
Nowy tytuł. Jeśli nie podasz wartości, istniejący kafelek pozostanie bez zmian.
-
URL
ciąg znaków
Adres URL, który zostanie zaktualizowany.
Metody
addEntry()
chrome.readingList.addEntry(
entry: AddEntryOptions,
): Promise<void>
Dodaje wpis do listy Do przeczytania, jeśli jeszcze go na niej nie ma.
Parametry
-
wpis,
Wpis do dodania do listy Do przeczytania.
Zwroty
-
Promise<void>
query()
chrome.readingList.query(
info: QueryInfo,
): Promise<ReadingListEntry[]>
Pobiera wszystkie wpisy, które pasują do właściwości QueryInfo
. Właściwości, które nie są podane, nie zostaną dopasowane.
Parametry
-
informacje
Właściwości do wyszukania.
Zwroty
-
Promise<ReadingListEntry[]>
removeEntry()
chrome.readingList.removeEntry(
info: RemoveOptions,
): Promise<void>
Usuwa wpis z listy Do przeczytania, jeśli na niej jest.
Parametry
-
informacje
Wpis do usunięcia z listy Do przeczytania.
Zwroty
-
Promise<void>
updateEntry()
chrome.readingList.updateEntry(
info: UpdateEntryOptions,
): Promise<void>
Aktualizuje wpis na liście lektur, jeśli istnieje.
Parametry
-
informacje
Wpis do zaktualizowania.
Zwroty
-
Promise<void>
Wydarzenia
onEntryAdded
chrome.readingList.onEntryAdded.addListener(
callback: function,
)
Wywoływane, gdy ReadingListEntry
zostanie dodana do listy Do przeczytania.
Parametry
-
callback
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis,
-
onEntryRemoved
chrome.readingList.onEntryRemoved.addListener(
callback: function,
)
Wywoływane, gdy ReadingListEntry
zostanie usunięty z listy Do przeczytania.
Parametry
-
callback
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis,
-
onEntryUpdated
chrome.readingList.onEntryUpdated.addListener(
callback: function,
)
Wywoływane, gdy ReadingListEntry
zostanie zaktualizowany na liście lektur.
Parametry
-
callback
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis,
-