JavaScriptの修復URL

Question

私のWebアプリケーションには、ユーザーが自分のWebサイトへのリンクを入力できる入力フィールドがあります。多くの場合、有効なURLではないTwitter.com/mhluskaのようなものを入力します。私はそれを自動的にhttps://twitter.com/mhluskaに修復したいと思います。

しかし、URLは任意のドメイン名を指すことができます。

私はURLを解析しaタグを使用してみましたが、それは単に現在の原点へのパスとしてローカルにそれを追加：

const elem = document.createElement('a'); 
a.href = 'Twitter.com/mhluska'; 
console.log(a.href); // "http://localhost:3000/some/path/Twitter.com/mhluska" 

私はいくつかのURL解析ライブラリに見てきたが、彼らが多いだけ無効なURLに対してエラーを投げます。ネイティブURL APIを含む。

ユーザーが入力できるガベージから有効なリンクを簡単に作成する方法はありますか？

Answer 1

URLの相対表記を使用できます。 URLのホスト名は大文字と小文字を区別しません。現代のブラウザはhref文字列の大文字と小文字を変更します。

const elem = document.createElement('a'); 
 
elem.href = '//Twitter.com/mhluska'; 
 
console.log(elem.href);