Windows 【Windows】ブラウザのcross-originエラーを回避する方法【Chrome・Edge】
はじめに APIテストやsvg画像の表示確認など、ローカルPCのブラウザを普通に開くだけではできないため、ラウザをcross-originモードで開いて実施しています。 Chrome・Edgeのcross-originエラーを回避する方法を...
browser
Windows 
JavaScript 【JavaScript(HTML)】対応するカッコが正しく入力されているか検証(チェック)する方法【テストツール】
はじめに このカッコに対応するカッコは正しく入力されているのか。。 対応するカッコがない場合に強調表示することで誤入力を防げるため、対応するカッコが正しく入力されているか検証(チェック)するJavaScript(HTML)を作りました。 対...
JavaScript 【JavaScript(HTML)】テキストエリア内の半角・全角スペース(空白)を表示する方法【テストツール】
はじめに テキストエリア内のスペース(空白)は半角なのか全角なのか。。 半角か全角か判定できると誤入力を防げるので、テキストエリア内の半角・全角スペース(空白)を表示するJavaScript(HTML)を作りました。 半角空白を「･」・全角...
HTML 【HTML】HTML上の要素[id、class、name]を一覧化(リスト化)する方法【ツール】
はじめに idは重複してないか、このnameは使用済みか、このclassの修正をする際の影響範囲は。。など確認をしたい場合は以下の方法で確認できます。 HTML上の要素を一覧化(リスト化)する方法です。 HTML上の要素を一覧化(リスト化)...
JavaScript 【HTML】【JSON】ブラウザからAPIテストする方法【APIテストツール】
はじめに 「JSON投げるAPIのテストしておいてー」と言われたときは以下の方法でテストします。 ローカルPCのHTMLからブラウザでJSONをリクエストする方法です。 ブラウザからAPIテストをする方法 APIテストツール作成 まずは、J...
HTML 【HTML】ローカルHTMLファイルのsvg画像をブラウザで表示させる方法
はじめに 最近アイコンなどでsvgファイルが使われているのをよく見ます。 PCでローカルHTMLファイル上のsvg画像の表示確認がしたい場合、以下の方法でブラウザ上でsvg画像を表示することができます。 この方法はcross-originで...