Opis
Do odczytywania i modyfikowania elementów na liście Do przeczytania używaj interfejsu API chrome.readingList
.
Uprawnienia
readingList
Aby używać interfejsu Reading List API, dodaj uprawnienie "readingList"
do pliku manifest rozszerzenia:
manifest.json:
{
"name": "My reading list extension",
...
"permissions": [
"readingList"
]
}
Dostępność
W panelu bocznym Chrome znajduje się lista Do przeczytania. Pozwala użytkownikom zapisywać strony internetowe do przeczytania później lub w trybie offline. Aby pobierać istniejące elementy i dodawać je do listy lub je z niej usuwać, używaj interfejsu API listy czytelniczej.
Pojęcia i wykorzystanie
Kolejność produktów
Pozycje na liście Do przeczytania nie są w żadnej gwarantowanej kolejności.
Niepowtarzalność elementu
Elementy mają przypisany klucz adresu URL. w tym hasz i ciąg zapytania.
Przypadki użycia
W sekcjach poniżej opisujemy 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 polecenia chrome.readingList.addEntry()
:
chrome.readingList.addEntry({
title: "New to the web platform in September | web.dev",
url: "https://developer.chrome.com/",
hasBeenRead: false
});
Wyświetl elementy
Aby wyświetlić elementy z listy Do przeczytania, pobierz je za pomocą 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
Korzystając z chrome.readingList.updateEntry()
, możesz zaktualizować tytuł, adres URL i stan czytania. Ten kod oznacza element jako przeczytany:
chrome.readingList.updateEntry({
url: "https://developer.chrome.com/",
hasBeenRead: true
});
Usuwanie elementów
Aby usunąć element, użyj chrome.readingList.removeEntry()
:
chrome.readingList.removeEntry({
url: "https://developer.chrome.com/"
});
Przykłady rozszerzeń
Więcej wersji demonstracyjnych rozszerzeń interfejsu Reading List API znajdziesz w przykładzie interfejsu API listy Reading List.
Typy
AddEntryOptions
Właściwości
-
hasBeenRead
wartość logiczna
Jeśli wpis został odczytany, ma 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
Wskazuje, czy mają być wyszukiwane elementy przeczytane (
true
) czy nieprzeczytane (false
). -
tytuł
ciąg znaków opcjonalny
Tytuł do wyszukania.
-
URL
ciąg znaków opcjonalny
Adres URL do wyszukania.
ReadingListEntry
Właściwości
-
creationTime
liczba
Czas utworzenia wpisu. Zapisano w milisekundach od 1 stycznia 1970 roku.
-
hasBeenRead
wartość logiczna
Jeśli wpis został odczytany, ma wartość
true
. -
lastUpdateTime
liczba
Czas ostatniej aktualizacji wpisu. Ta wartość jest wyrażona w milisekundach od 1 stycznia 1970 roku.
-
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 czytania. Jeśli nie podasz wartości, obecny stan się nie zmieni.
-
tytuł
ciąg znaków opcjonalny
Nowy tytuł. Jeśli wartość nie zostanie podana, obecny kafelek pozostanie bez zmian.
-
URL
ciąg znaków
Adres URL, który zostanie zaktualizowany.
Metody
addEntry()
chrome.readingList.addEntry(
entry: AddEntryOptions,
callback?: function,
)
Jeśli wpis nie istnieje, dodaje go do listy Do przeczytania.
Parametry
-
wpis
Wpis, który ma zostać dodany do listy Do przeczytania.
-
wywołanie zwrotne
funkcja optional
Parametr
callback
wygląda tak:() => void
Zwroty
-
Obietnica<void>
Obietnice są obsługiwane w Manifest V3 i nowszych, ale wywołania zwrotne są podane w przypadku zgodność wsteczną. Nie można użyć obu w tym samym wywołaniu funkcji. Polecenie promowana jest realizowane z tym samym typem, który jest przekazywany do wywołania zwrotnego.
query()
chrome.readingList.query(
info: QueryInfo,
callback?: function,
)
Pobiera wszystkie wpisy pasujące do właściwości QueryInfo
. Właściwości, które nie zostały podane, nie zostaną dopasowane.
Parametry
-
informacje
Właściwości do wyszukania.
-
wywołanie zwrotne
funkcja optional
Parametr
callback
wygląda tak:(entries: ReadingListEntry[]) => void
-
wpisy
-
Zwroty
-
Promise<ReadingListEntry[]>
Obietnice są obsługiwane w Manifest V3 i nowszych, ale wywołania zwrotne są podane w przypadku zgodność wsteczną. Nie można użyć obu w tym samym wywołaniu funkcji. Polecenie promowana jest realizowane z tym samym typem, który jest przekazywany do wywołania zwrotnego.
removeEntry()
chrome.readingList.removeEntry(
info: RemoveOptions,
callback?: function,
)
Usuwa pozycję z listy Do przeczytania, jeśli istnieje.
Parametry
-
informacje
Pozycja do usunięcia z listy Do przeczytania.
-
wywołanie zwrotne
funkcja optional
Parametr
callback
wygląda tak:() => void
Zwroty
-
Obietnica<void>
Obietnice są obsługiwane w Manifest V3 i nowszych, ale wywołania zwrotne są podane w przypadku zgodność wsteczną. Nie można użyć obu w tym samym wywołaniu funkcji. Polecenie promowana jest realizowane z tym samym typem, który jest przekazywany do wywołania zwrotnego.
updateEntry()
chrome.readingList.updateEntry(
info: UpdateEntryOptions,
callback?: function,
)
Aktualizuje pozycję na liście Do przeczytania, jeśli istnieje.
Parametry
-
informacje
Wpis do zaktualizowania.
-
wywołanie zwrotne
funkcja optional
Parametr
callback
wygląda tak:() => void
Zwroty
-
Obietnica<void>
Obietnice są obsługiwane w Manifest V3 i nowszych, ale wywołania zwrotne są podane w przypadku zgodność wsteczną. Nie można użyć obu w tym samym wywołaniu funkcji. Polecenie promowana jest realizowane z tym samym typem, który jest przekazywany do wywołania zwrotnego.
Wydarzenia
onEntryAdded
chrome.readingList.onEntryAdded.addListener(
callback: function,
)
Wywoływane po dodaniu do listy Do przeczytania element ReadingListEntry
.
Parametry
-
wywołanie zwrotne
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis
-
onEntryRemoved
chrome.readingList.onEntryRemoved.addListener(
callback: function,
)
Wywoływane po usunięciu elementu ReadingListEntry
z listy Do przeczytania.
Parametry
-
wywołanie zwrotne
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis
-
onEntryUpdated
chrome.readingList.onEntryUpdated.addListener(
callback: function,
)
Wywoływane po zaktualizowaniu pozycji ReadingListEntry
na liście Do przeczytania.
Parametry
-
wywołanie zwrotne
funkcja
Parametr
callback
wygląda tak:(entry: ReadingListEntry) => void
-
wpis
-