Einleitung

Ich lese, samm­le und bewer­te stän­dig Webinhalte; daher bezie­hen sich die meis­ten Kurzbefehle, die ich nut­ze, auf die Interaktion mit mei­nem Browser. Anfang des Jahres hat­te ich das Vergnügen, eine ers­te Version von Carlo Zottmanns neu­er Anwendung Browser Actions zu tes­ten, und fand sie sehr hilf­reich, da sie das Erstellen von brow­ser­ba­sier­ten Kurzbefehlen erheb­lich erleich­ter­te. Leider wur­de die Beta irgend­wann zurück­ge­zo­gen, da es Probleme mit dem Review-Prozess für den Apple Store gab. Nun (Oktober 2024) hat Carlo end­lich neue Beta-Versionen ver­öf­fent­licht, die von sei­ner Webseite her­un­ter­ge­la­den und getes­tet wer­den kön­nen

Was macht die App? Ganz ein­fach: Sie erwei­tert den Funktionsumfang der Kurzbefehle-App um Aktionen, die die Automation der Browser ermög­li­chen. Dabei kön­nen mit den zur Verfügung gestell­ten Aktionen Menüs, Tabs, Fenster und deren Inhalte gesteu­ert, aus­ge­le­sen und auch gesetzt wer­den.

Ein Bruchteil die­ser Funktionen ist bereits stan­dard­mä­ßig in der Kurzbefehle-App ver­füg­bar, wobei die­se jedoch auf Safari beschränkt ist. Mit „Browser Actions” funk­tio­nie­ren Kurzbefehle naht­los mit Google Chrome, MS Edge, Vivaldi und Brave, ohne dass Änderungen erfor­der­lich sind.

Dieser Artikel soll mit zwei ein­fa­chen Beispielen einen ers­ten Einblick in die Verwendung von „Browser Actions“ geben

Amazon Preisverlauf

Das ers­te Beispiel zeigt, wie ein­fach es ist, in einem Kurzbefehl die URL aus dem Browser abzu­fra­gen, die­se dann zu bear­bei­ten und im glei­chen Browser in einem neu­en Tab zu öff­nen.

Dieser Kurzbefehl soll die URL einer Produktseite auf Amazon aus­le­sen und dann an die Webanwendung camelcamelcamel.com wei­ter­lei­ten, die als Ergebnis die Preisentwicklung über die Zeit des Produkts anzeigt. Dazu wird nur die URL der Produktseite zu fol­gen­der URL hin­zu­ge­fügt:

https://camelcamelcamel.com/search?sq=AmazonURL

Dies ist zwar bereits mit den Standardaktionen der Apple Kurzbefehle-App mög­lich, aller­dings wird das Ergebnis der Anfrage an „camelcamelcamel.com“ immer im Safari-Browser ange­zeigt. „Browser Actions“ ermög­licht es nun, eine URL aus jedem der unter­stütz­ten Browser zu lesen und die neue URL eben­falls in die­sem Browser, in einem neu­en Tab oder in einem neu­en Fenster auf­zu­ru­fen und das Ergebnis anzu­zei­gen.

Da das „Share Sheet“ für den Zugriff auf Kurzbefehle mir auf dem Mac zu umständ­lich ist, ver­wen­de ich die Option „Im Menü anzei­gen“, sodass ich die­sen Kurzbefehl schnell errei­chen kann. Das Menü ist aller­dings auf nur 16 Einträge begrenzt.

Im ers­ten Schritt wird mit der Aktion „Get Details of the tab acti­ve tab of front­most win­dow in front­most brow­ser“ die URL im akti­ven Browser an den Kurzbefehl über­ge­ben. Danach wird über­prüft, ob der Rückgabewert „Page-URL“ das Wort „ama­zon“ ent­hält. Wenn nicht, zeigt der Kurzbefehl eine Warnung an. Andernfalls wird der Link mit der Abfrage in einem Textfeld auf­ge­baut, das dann ver­wen­det wird, um CamelCamelCamel im aktu­el­len Browser in einem neu­en Tab auf­zu­ru­fen.

Dies ist ein sehr ein­fa­cher Anwendungsfall für die App „Browser Actions“. Er zeigt jedoch bereits einen Vorteil gegen­über den Standardaktionen: Es funk­tio­niert pro­blem­los in allen unter­stütz­ten Browsern. Wenn der Kurzbefehl im Chrome-Browser auf­ge­ru­fen wird, wird das Ergebnis auch dort ange­zeigt und nicht im Safari-Browser.

Im nächs­ten Beispiel wer­de ich ein etwas kom­ple­xe­res Szenario vor­stel­len, das auch „[Actions for Obsidian](https://actions.work/actions-for-obsidian/)“ ver­wen­det, eine Anwendung, die eben­falls von Carlo Zottmann ent­wi­ckelt wur­de.

Erstellen einer “Snippet-Sammlung” in Obsidian

Das zwei­te Beispiel zeigt, wie eine Auswahl in einem Browserfenster mit einer „Browser Actions“-Aktion erfasst und in das Markdown-Format umge­wan­delt wird, das dann als Callout zu einer Obsidian-Notiz hin­zu­ge­fügt wird. Was dann so aus­se­hen soll:

Zuerst wird eine Notiz erstellt, in der die Snippets gesam­melt wer­den sol­len. Hierzu wird die Aktion Text an eine Notiz vor­an­stel­len von „Actions for Obsidian“ genutzt (Anmerkung: Die Dokumentation auf der Webseite ist in Englisch, aber die Dokumentation in der Kurzbefehle-App ist auf Deutsch). Die Aktion benö­tigt neben dem „Was“ auch das „Wo“, also den Ort für das Einfügen. Dazu wird eine Überschrift in der Notiz ein­ge­fügt. Mit der Aktion „Text an eine Notiz vor­an­stel­len“ wird das ein­ge­füg­te Markdown-Snippet unter­halb die­ser Überschrift ein­ge­fügt. Die Snippets wer­den so von „neu“ nach „alt“ ange­zeigt. Es besteht jedoch auch die Möglichkeit, die Snippets von „alt“ nach „neu“ sor­tiert anzu­zei­gen. Dazu wird der Befehl „Text an eine Notiz anhän­gen“ genutzt. Falls unter­halb des Bereichs, in den die Snippets ein­ge­fügt wer­den, wei­te­rer Text vor­han­den ist, wie zum Beispiel ein Fußbereich, muss gege­be­nen­falls eine zusätz­li­che Überschrift ein­ge­fügt wer­den.

---
title: "Snippets"
tags: 
  - WebSnippets
date: 2023-10-20
---
## Snippets


## %%hidden%%`
--- 
Fußbereich Text

In dem oben gezeig­ten Beispiel wird der Fußbereich durch eine unsicht­ba­re Überschrift „geschützt“. Andernfalls wür­de mit dem Befehl „Text an eine Notiz anhän­gen“ das Snippet unter­halb des Textes „Fußbereich Text“ ein­ge­fügt wer­den. Bei der Verwendung der Aktion „Text an eine Notiz vor­an­stel­len“ ist die­se zusätz­li­che Überschrift nicht not­wen­dig.

Wenn die­se Notiz erstellt und gespei­chert wur­de, kann nun der Kurzbefehl erstellt wer­den, indem die fol­gen­den Schritte abge­ar­bei­tet wer­den, nach­dem ein Bereich im Browserfenster aus­ge­wählt wur­de:

1. Die Aktion „Get details of the tab“ von der App „Browser Actions“ wird mit den Parametern acti­ve tab of front­most win­dow in front­most brow­ser auf­ge­ru­fen. Das Ergebnis die­ses Aufrufs lie­fert die aktu­el­len Werte und Zustände des Browser-Tab-Objekts, die in der Dokumentation beschrie­ben sind.
2. In die­sem Kontext ist zunächst das Attribut „Current Selection (Markdown)“ rele­vant, das die im Browser mar­kier­te Auswahl im Markdown-Format spei­chert. Diese könn­te nun direkt in eine Obsidian-Notiz ein­ge­fügt wer­den. Da das Ziel jedoch dar­in besteht, die­se Auswahl in einer Box, also einem Callout, in der Notiz ein­zu­fü­gen, muss jeder Zeile ein > mit einem Leerzeichen vor­an­ge­stellt wer­den. Am ein­fachs­ten geht das, indem der Text in eine Liste zer­legt wird, wobei ein Listenelement einer Zeile ent­spricht. Dazu wird die Aktion „Text auf­tei­len“ genutzt. Als Parameter wer­den das Attribut „Current Selection (Markdown)“ und die Option „Neue Zeile“ ver­wen­det.
3. Die ein­zel­nen Elemente die­ser Liste wer­den mit der Aktion „Wiederholen mit jedem“ durch­lau­fen, und in dem „Text“ wird das > vor­an­ge­stellt.
4. Nun wird das Ergebnis die­ser Schleife wie­der zu nor­ma­lem Text zusam­men­ge­führt.
5. In dem nächs­ten Schritt wird das Snippet als Markdown-Callout erstellt. In der ers­ten Zeile wird die Kopfzeile des Callouts defi­niert, bestehend aus dem Typ, hier als „quo­te“, dem aktu­el­len Datum und zwei wei­te­ren Attributen des Aufrufs der Aktion „Get details of the tab“, dem „Page Title“ und der „Page URL“.
6. Und zuletzt wird die­ser Text als Parametern zusam­men mit dem Pfad zur Snippet-Notiz, dem Namen des Vaults, der Option „Anfang des Abschnitts unter der Überschrift“ sowie der ent­spre­chen­de Überschrift an die Aktion „Text an eine Notiz vor­an­stel­len“ über­ge­ben.

Damit steht nun ein Kurzbefehl zur Verfügung, mit dem schnell eine Auswahl in einem Browser als Snippet in Obsidian gespei­chert wer­den kann.

Fazit und Ausblick

In die­sem Beitrag habe ich zwei klei­ne Lösungen vor­ge­stellt, die mei­ner Meinung nach einen ers­ten Einblick in das Potenzial von „Browser Actions“ auf dem Mac zei­gen. Das ers­te Beispiel nimmt die URL einer akti­ven Webseite und ruft eine Webanwendung mit die­ser URL auf. Dieses Beispiel zeigt, dass „Browser Actions“ im Gegensatz zu Standardaktionen mit allen Browsern funk­tio­niert. Das zwei­te Beispiel inte­griert den Inhalt einer Webseite in einen Workflow und erstellt damit eine Sammlung von klei­nen Snippets.

Die wei­te­ren Features, näm­lich das Bearbeiten von Inhalten einer Webseite, wer­de ich in einem spä­te­ren Artikel ein­ge­hen.

Stand heu­te (26.10.2024) ist „Browser Actions“ in der Public Beta, das bedeu­tet nicht, das alles feh­ler­frei läuft. Die bei­den vor­ge­stell­ten Kurzbefehle lau­fen aber im Moment abso­lut feh­ler­frei.

Wie immer kön­nen Feedback, Lob, Kritik, Ideen und Fragen in den Kommentaren hin­ter­las­sen wer­den.