サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
プログラム作成方法（どのパソコンでも可能なはずの例）
記事IT・テクノロジー
パソコンのブラウザで、プログラムの動作を見れる方法を紹介します。
まず、任意のフォルダを作成して、以下のようにファイルを２つ作成してください。
各ファイルの中身は、以下をコピーしてください。
//envinfo.js
function getEnvironmentInfo() {
const info = {
ウィンドウサイズ: `${window.innerWidth} x ${window.innerHeight}`,
時間: new Date().toLocaleString()
};
let output = "";
for (const [key, value] of Object.entries(info)) {
output += `${key}: ${value}\n`;
}
document.getElementById("envInfo").textContent = output;
}
window.addEventListener("load", () => {
getEnvironmentInfo();
});
<!-- index.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>環境情報の取得</title>
</head>
<body>
<pre id="envInfo">読み込み中...</pre>
<script src="envinfo.js"></script>
</body>
</html>
index.htmlを右クリックして、プログラムから開くより、ブラウザを選択してください。
Microsoft Edgeなどが、ブラウザに該当します。
選択すると、ブラウザが開いて、以下のように表示されます。
数値と日時は、ブラウザが開かれたときの状況に応じて変化します。
ウィンドウサイズは、ブラウザの表示サイズ
時間は、ブラウザが開かれたときの時間
様々な方法でプログラムを作成できるので、今回の作成方法は、あくまでも一例です。
もし、興味がありましたら、当方のサービスをご検討ください。
このブログを見た人にオススメ
