{"id":2245,"date":"2024-06-12T17:27:24","date_gmt":"2024-06-12T08:27:24","guid":{"rendered":"https:\/\/www.earce.biz\/?page_id=2245"},"modified":"2025-11-28T10:13:22","modified_gmt":"2025-11-28T01:13:22","slug":"tool-screen-information","status":"publish","type":"page","link":"https:\/\/www.earce.biz\/?page_id=2245","title":{"rendered":"[Tool] Screen Information"},"content":{"rendered":"\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css?family=Source+Code+Pro');\n\n  #textIn{\n    font-family: 'Source Code Pro', monospace;\n  }\n\n  .textOut {\n    font-family: 'Source Code Pro', monospace !important;\n    font-size: 24pt;\n    text-align: right;\n    border: none !important;\n    background-color: transparent !important;\n  }\n\n  .datalabel {\n    color : gray !important;\n  }\n<\/style>\n\n\n\n<script type=\"text\/javascript\">\nconst convertText = (val, len) => {\n  return ('          ' + val).slice(0 - len);\n};\n\n\nvar targetDateString = \"unset\";\njQuery().ready(function($){\n\n$(function(){\n\tvar timer = setInterval(\n\t\t() => {\n\t\t\t$(\"#textOut1\").val(screen.width + \" x \" + screen.height);\n\t\t\t$(\"#textOut2\").val(screen.availWidth + \" x \" + screen.availHeight);\n\t\t\t$(\"#textOut3\").val(window.innerWidth + \" x \" + window.innerHeight);\n\t\t\t$(\"#textOut4\").val(document.body.clientWidth + \" x \" + document.body.clientHeight);\n\t\t}\n\t\t,300\n\t);\n});\n\n\n$(\"#button1\").click(\n  (e) => {\n    $(\"#imageboard\").show();\n    displayResolution.requestFullscreen();\n  }\n);\n\n$(\"#button2\").click(\n  (e) => {\n    $(\"#imageboard2\").show();\n    screenCheck.requestFullscreen();\n  }\n);\n\n$(\"#displayResolution\").click(\n  (e) => {\n    document.exitFullscreen();\n    $(\"#imageboard\").hide();\n  }\n);\n\n$(\"#screenCheck\").click(\n  (e) => {\n    document.exitFullscreen();\n    $(\"#imageboard2\").hide();\n  }\n);\n\n});\n<\/script>\n\n\n\n<label class=\"datalabel\">Screen.width x height\n<input type=\"text\" id=\"textOut1\" class=\"textOut\" readonly=\"readonly\">\n<\/label>\n\n\n\n<label class=\"datalabel\">Screen.availWidth x availHeight\n<input type=\"text\" id=\"textOut2\" class=\"textOut\" readonly=\"readonly\">\n<\/label>\n\n\n\n<label class=\"datalabel\">Window.innerWidth x innerHeight\n<input type=\"text\" id=\"textOut3\" class=\"textOut\" readonly=\"readonly\">\n<\/label>\n\n\n\n<label class=\"datalabel\">Document.body.clientWidth x clientHeight\n<input type=\"text\" id=\"textOut4\" class=\"textOut\" readonly=\"readonly\">\n<\/label>\n\n\n\n<div class=\"wp-block-button aligncenter custom-wide-button\">\n<button id=\"button1\" class=\"wp-block-button__link has-background has-vivid-cyan-blue-background-color\">Screen Size Check<\/button>\n<\/div>\n<div class=\"wp-block-button aligncenter custom-wide-button\">\n<button id=\"button2\" class=\"wp-block-button__link has-background has-vivid-cyan-blue-background-color\">Screen Size Check<\/button>\n<\/div>\n\n\n\n<div id=\"displayResolution\">\n<img decoding=\"async\" id=\"imageboard\" style=\"width:auto;height:auto;max-width:none;max-height:none;display:none;\" src=\"\/pub\/image\/DisplayResolution.png\" \/>\n<\/div>\n\n\n\n<div id=\"screenCheck\" style=\"width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;\">\n<img decoding=\"async\" id=\"imageboard2\" style=\"object-fit:none;width:auto;height:auto;display:none;\" src=\"\/pub\/image\/DisplayCheck.png\" \/>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Screen.width x height Screen.availWidth x availHeight Window.innerWidth x innerHeight Document.body.clientWidt &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.earce.biz\/?page_id=2245\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;[Tool] Screen Information&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":35,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/2245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2245"}],"version-history":[{"count":47,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/2245\/revisions"}],"predecessor-version":[{"id":2703,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/2245\/revisions\/2703"}],"up":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"wp:attachment":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}