我可以通過 JavaScript 以編程方式打開瀏覽器的本機搜索對話框嗎？

Question

是否可以從網頁內部以編程方式打開 Web 瀏覽器的本機搜索對話框？

更重要的是，如果可能的話，我可以以編程方式在其中執行搜索嗎？

Answer 1

無法使用 javascript打開瀏覽器的實用程序，如查找、擴展、設置等。 但是，您可以使用提示窗口創建自己的搜索：

 const searchBtn = document.getElementById("searchBtn"); const searchElement = document.querySelector("#text"); // Any element you want to search const backup = searchElement.innerHTML; searchBtn.addEventListener("click", function () { searchElement.innerHTML = backup; const search = prompt("Search"); const text = searchElement.innerHTML.split(" "); if (search != null) { for (let i = 0; i < text.length; i++) { let index = text[i]; let splitIndex = index.split(""); if (index.toLowerCase().includes(search.toLowerCase())) { for (let si = 0; si < index.length; si++) { if (search.toLowerCase().includes(index[si].toLowerCase())) { splitIndex[si] = `<mark>${index[si]}</mark>`; text[i] = splitIndex.join(""); } } } } searchElement.innerHTML = text.join(" "); } });

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Search Menu</title> </head> <body> <p id="text">The quick brown fox jumped over the lazy dog.</p> <button id="searchBtn">Search</button> </body> </html>

您還可以使用window.find()在頁面中查找字符串：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Search Menu</title>
  </head>
  <body>
    <p id="text">The quick brown fox jumped over the lazy dog.</p>
    <button id="searchBtn">Search</button>
  </body>

  <script type="text/javascript">
    const searchBtn = document.getElementById("searchBtn");

    searchBtn.addEventListener("click", function () {
      const search = prompt("Search");
      const searchResult = window.find(search);
    });
  </script>
</html>

Answer 2

如果您的意思是根據您的操作系統使用command + f或ctrl + f觸發的頁面內的瀏覽器搜索

你可以使用window.find()方法，這里是它的參考，

否則，如果您指的是包含網站 URL 的搜索欄，您可以使用window.location.href訪問其值，該值將顯示當前 URL

如果你想做一些搜索，你可以通過輸入輕松地將其更改為任何內容

window.location.href = your_value;

我可以通過 JavaScript 以編程方式打開瀏覽器的本機搜索對話框嗎？

問題描述

2 個解決方案

解決方案1
3 2021-07-22 10:11:58

解決方案2
1 2018-10-16 14:34:22

我可以通過 JavaScript 以編程方式打開瀏覽器的本機搜索對話框嗎？

問題描述

2 個解決方案

解決方案1 3 2021-07-22 10:11:58

解決方案2 1 2018-10-16 14:34:22

解決方案1
3 2021-07-22 10:11:58

解決方案2
1 2018-10-16 14:34:22