url-info-proxy-2

/icons/hr.icon

実行するたびに、cross domainへの接続確認画面が表示されます

適宜許可を出してください

確認画面を出さないように設定することも出来ます

外部のserverless functionを使わず、web browserのみで処理が完結する

Shift-JISなど変な文字コードのweb pageのデータも文字化けせずに取得できる

使い方

code:js

返り値

code:ts

type Result = Promise<{

title: string; // web pageのタイトル

encoding: string; // web pageの文字コード

}>;

code:tampermonkey.js

// ==UserScript==

// @name url-info-proxy

// @version 0.2.1

// @description fetch the title and OGP data from URL

// @author takker

// @connect *

// @grant GM_xmlhttpRequest

// @license MIT

// @unwrap

// @copyright Copyright (c) 2021-2022 takker

// ==/UserScript==

"use strict"

unsafeWindow.fetchURLInfo = (url, {DOM = false} = {}) => new Promise(resolve =>

GM_xmlhttpRequest({

method: "GET",

url,

onload: ({response: arrayBuffer, responseText}) => {

const encoding = getEncoding(responseText);

const html = new TextDecoder(encoding).decode(arrayBuffer);

const dom = new DOMParser().parseFromString(html, 'text/html');

resolve({

encoding,

...(DOM ? {DOM: dom} : {}),

...getPageInfo(dom)});

},

withCredentials: true,

code:tampermonkey.js

responseType: 'arraybuffer',

})

);

文字コードを判別する

code:tampermonkey.js

function getEncoding(responseText) {

const dom = new DOMParser().parseFromString(responseText, 'text/html');

?? 'utf-8';

}

DOMを解析して、meta dataを返す

code:tampermonkey.js

function getPageInfo(dom) {

.map(meta => {

const names = meta.getAttributeNames();

let result = {};

for (const name of names) {

}

return result;

});

return {meta: metaData, title: dom.title};

}