Update index.htm

ulrischa · Dec 16, 2024 · 74f01c5 · 74f01c5
1 parent ef55942
commit 74f01c5
Showing 1 changed file with 80 additions and 0 deletions.
diff --git a/index.htm b/index.htm
@@ -25,7 +25,87 @@
 </head>
 <body>
     <h1>Install the Bookmarklet to export a ChatGPT Chat</h1>
+
     <a href="#" id="target">Install Link</a>
+    <br />
+    <br />
+        <h1>How to Install a Bookmarklet</h1>
+    <p>Follow these steps to install a bookmarklet from an <code>&lt;a&gt;</code> element with JavaScript code in the <code>href</code> attribute.</p>
+
+    <h2>General Steps</h2>
+    <ol>
+        <li>Right-click the bookmarklet link and select <strong>"Copy Link Address"</strong> or copy the <code>javascript:</code> code manually.</li>
+        <li>Create or edit a bookmark in your browser and paste the copied code into the URL field.</li>
+        <li>Save the bookmark. It will now work as a bookmarklet when clicked.</li>
+    </ol>
+
+    <div class="browser-section">
+        <h2>Desktop Browsers</h2>
+        <h3>Google Chrome</h3>
+        <ol>
+            <li>Right-click the bookmarks bar (use <kbd>Ctrl+Shift+B</kbd> to show it if hidden).</li>
+            <li>Select <strong>"Add Page"</strong>, give it a name, and paste the <code>javascript:</code> code into the URL field.</li>
+            <li>Click <strong>Save</strong>.</li>
+        </ol>
+
+        <h3>Mozilla Firefox</h3>
+        <ol>
+            <li>Right-click on the bookmarks bar and select <strong>"New Bookmark"</strong>.</li>
+            <li>Give it a name and paste the <code>javascript:</code> code into the Location field.</li>
+            <li>Click <strong>Add</strong>.</li>
+        </ol>
+
+        <h3>Microsoft Edge</h3>
+        <ol>
+            <li>Right-click on the bookmarks bar (show it using <kbd>Ctrl+Shift+B</kbd>).</li>
+            <li>Select <strong>"Add a Favorite"</strong>, enter a name, and paste the <code>javascript:</code> code into the URL field.</li>
+            <li>Click <strong>Save</strong>.</li>
+        </ol>
+
+        <h3>Safari (Mac)</h3>
+        <ol>
+            <li>Show the bookmarks bar via <strong>View &gt; Show Favorites Bar</strong>.</li>
+            <li>Drag the <code>&lt;a&gt;</code> link directly to the bar, or manually copy the <code>javascript:</code> code and add it to a new bookmark.</li>
+        </ol>
+    </div>
+
+    <div class="browser-section">
+        <h2>Mobile Browsers</h2>
+        <h3>Chrome (Android/iOS)</h3>
+        <ol>
+            <li>Bookmark any page.</li>
+            <li>Edit the bookmark and replace the URL with the <code>javascript:</code> code.</li>
+            <li>Save the changes.</li>
+        </ol>
+
+        <h3>Safari (iOS)</h3>
+        <ol>
+            <li>Bookmark any page (e.g., <code>https://example.com</code>).</li>
+            <li>Edit the bookmark and replace the URL with the <code>javascript:</code> code.</li>
+            <li>Save the changes.</li>
+        </ol>
+
+        <h3>Samsung Internet (Android)</h3>
+        <ol>
+            <li>Bookmark any page.</li>
+            <li>Edit the bookmark and replace the URL with the <code>javascript:</code> code.</li>
+            <li>Save the changes.</li>
+        </ol>
+
+        <h3>Firefox (Android/iOS)</h3>
+        <ol>
+            <li>Bookmark any page.</li>
+            <li>Edit the bookmark and replace the URL with the <code>javascript:</code> code.</li>
+            <li>Save the changes.</li>
+        </ol>
+    </div>
+
+    <h2>Example Bookmarklet</h2>
+    <p>Here's an example of a bookmarklet link:</p>
+    <pre>&lt;a href="javascript:(function(){alert('Hello, World!');})();"&gt;My Bookmarklet&lt;/a&gt;</pre>
+
+    <p>Right-click the link, copy the URL, and follow the instructions above to install it as a bookmarklet.</p>
+
 
 </body>
 </html>