用Chrome書籤觸發JavaScript

type

status

date

slug

summary

category

icon

password

因為剛好要用到Post觸發我的webhook，如果用一般的書籤是做不到的。

於是搜尋到這篇

Super UserStoring a HTTP POST request in a bookmark or something similar as you would with a GET request

Storing a HTTP POST request in a bookmark or something similar as you would with a GET request

You can store a bookmark with a GET request like this: http://url.com/service?variable=value Can you store a POST request in some way in Chrome? Maybe with a plugin? Or maybe in Firefox? The ide...

文中說明可以將下面這段javascript

javascript


post('https://example.com', { foo: 'bar' })

function post (url, formData) {
  const h = (tag, props) => Object.assign(document.createElement(tag), props)
  const form = h('form', { action: url, method: 'post', hidden: true })
  for (const [name, value] of Object.entries(formData)) {
    form.appendChild(h('input', { name, value }))
  }
  document.body.appendChild(form)
  form.submit()
}

寫成這樣

bash


javascript:post('https://example.com',{foo:'bar'});function post(a,b){const c=(e,f)=>Object.assign(document.createElement(e),f),d=c('form',{action:a,method:'post',hidden:true});for(const[e,f]of Object.entries(b))d.appendChild(c('input',{name:e,value:f}));document.body.appendChild(d),d.submit()}

但這需要手動轉換，不太直覺。

再看到該篇的comment

I like this one: chriszarate.github.io/bookmarkleter – skygate CommentedOct 7, 2023 at 8:13

可以用以下的網址來做轉換，真是太方便了!

https://chriszarate.github.io/bookmarkleter

小知識:

WikipediaBookmarklet

Bookmarklet

A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. They are stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Bookmarklets are usually small snippets of JavaScript executed when user clicks on them. When clicked, bookmarklets can perform a wide variety of operations, such as running a search query from selected text or extracting data from a table.

javascript

bash

JK Yang