今天分享一個書籤小工具，常見的稱呼叫 bookmarklet，因為它只要存在書籤中就可以使用，十分輕巧方便。

當初會想要做這個功能是因為寫筆記的時候常常要分別複製網址和標題各一次，為了改善複製的效率，所以就想辦法寫了一個一鍵複製的功能出來

不囉嗦直接上扣

javascript:(
  function copyURL(){
    if(!navigator.clipboard){
      alert('你的瀏覽器似乎不支援 clipboard API 呢');
      return;
    }
    let s=`[${document.title}](${window.location.href})`;
    navigator.clipboard.writeText(s).then(()=>{
      alert(`已複製文字：${s}`);
    }).catch((err)=>{
      alert(`阿，壞掉了${err}`);
    });
  })()

解析

最前面的 javascript: 代表是一段可執行的 javascript 語法，這是為了要跟一般的網址區分開來，瀏覽器才知道這段網址是可以執行的。

內部的實作是依賴 navigator.clipboard.writeText() 把資料寫進剪貼簿內
但因為 navigator.clipboard 是比較新的 web API，需要在 HTML5 的頁面中才能執行
然後 document.title 是網頁標題，window.location.href 是目前網址
至於 [xxx](yyy) 這段是 markdown 語法，代表一個連結。

以上，今天也是簡短分享自己工作上使用頻率很高的小工具，希望大家會喜歡，我們明天見