{"id":5856,"date":"2024-04-04T17:12:21","date_gmt":"2024-04-04T10:12:21","guid":{"rendered":"https:\/\/danielepais.com\/journal\/?p=5856"},"modified":"2024-04-04T20:44:56","modified_gmt":"2024-04-04T13:44:56","slug":"world-time-chrome-extension","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/","title":{"rendered":"World Time Chrome Extension"},"content":{"rendered":"<p><a href=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/197083d57fd7\/world-time-chrome-extension.webp?p=5856&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/f9ab71ac66fb\/world-time-chrome-extension.webp?p=5856&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/355d5afccf06\/world-time-chrome-extension.webp?p=5856&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/c0dcac737292\/world-time-chrome-extension.webp?p=5856&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/21cabb7be247\/world-time-chrome-extension.webp?p=5856&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/4923e19945c6\/world-time-chrome-extension.webp?p=5856&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/57a418a90164\/world-time-chrome-extension.webp?p=5856&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/ba65f5c51d27\/world-time-chrome-extension.webp?p=5856&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/757544041b0f\/world-time-chrome-extension.webp?p=5856&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/60de0fc8d247\/world-time-chrome-extension.webp?p=5856&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/10d9e2f2c583\/world-time-chrome-extension.webp?p=5856&w=1600&h=0&c=0 1600w\" class=\"alignnone size-full wp-image-5867\" title=\"\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24uanBn\/679de8204ddd\/world-time-chrome-extension.webp?p=5856\" alt=\"World Time Chrome Extension\" width=\"850\" height=\"400\" \/><\/a><\/p>\n<p>Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock. This tutorial consists of several quick and easy steps. We&#8217;ll begin by creating the main JSON, <a href=\"https:\/\/danielepais.com\/journal\/a-custom-html-css-link-box\/\">HTML<\/a> and JavaScript <a href=\"https:\/\/danielepais.com\/journal\/encrypt-files-on-linux-using-veracrypt\/\">files<\/a> inside the structure of a Chrome extension. Then, we&#8217;ll guide you through the process of creating the necessary image files for the extension, such as the 6&#215;16, 48&#215;48, and 128&#215;128 pixels icons, which, together with the JSON, HTML and JS files are essential for Chrome to recognize and load your extension. Right, let&#8217;s dive in!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6ac7fcd8b4b0c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #18bc9c;color:#18bc9c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #18bc9c;color:#18bc9c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac7fcd8b4b0c\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#1_Organize_Extension_Files\" >1. Organize Extension Files<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#2_Create_the_Manifest_File\" >2. Create the Manifest File<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#3_HTML_and_JavaScript_Files_for_World_Time_Clock_Extension\" >3. HTML and JavaScript Files for World Time Clock Extension<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#31_HTML_File_world-timehtml\" >3.1. HTML File (world-time.html)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#32_JavaScript_File_world-timejs\" >3.2. JavaScript File (world-time.js)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#4_Add_an_Icon\" >4. Add an Icon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#5_Loading_the_Extension\" >5. Loading the Extension<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#6_Debugging\" >6. Debugging<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_Organize_Extension_Files\"><\/span>1. Organize Extension Files<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>First, let&#8217;s organize your files. Your extension folder will contain:<\/p>\n<ul>\n<li><code>world-time.js<\/code> (Code below)<\/li>\n<li><code>world-time.html<\/code> (Code below)<\/li>\n<li><code>manifest.json<\/code> (Code below)<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"2_Create_the_Manifest_File\"><\/span>2. Create the Manifest File<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Chrome extensions require a <code>manifest.json<\/code> file. This file tells Chrome about your extension, its version, and what it needs to run. Here&#8217;s an example of what your <code>manifest.json<\/code> might look like:<\/p>\n<p><span style=\"background-color: #f0ebeb;\">{<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;manifest_version&#8221;: 3,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;name&#8221;: &#8220;World Time Clock&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;version&#8221;: &#8220;1.0&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;description&#8221;: &#8220;Display the world time for various time zones.&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;permissions&#8221;: [<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;activeTab&#8221;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">],<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;action&#8221;: {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;default_popup&#8221;: &#8220;world-time.html&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;default_icon&#8221;: {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;16&#8221;: &#8220;images\/icon16.png&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;48&#8221;: &#8220;images\/icon48.png&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;128&#8221;: &#8220;images\/icon128.png&#8221;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">},<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;icons&#8221;: {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;16&#8221;: &#8220;images\/icon16.png&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;48&#8221;: &#8220;images\/icon48.png&#8221;,<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&#8220;128&#8221;: &#8220;images\/icon128.png&#8221;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_HTML_and_JavaScript_Files_for_World_Time_Clock_Extension\"><\/span>3. HTML and JavaScript Files for World Time Clock Extension<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To create the World Time Clock Chrome extension, you&#8217;ll need two main files: an HTML file (<code>world-time.html<\/code>) and a JavaScript file (<code>world-time.js<\/code>). These files <a href=\"https:\/\/danielepais.com\/journal\/work-on-pc-from-home\/\">work<\/a> together to display the current time in various time zones selected by the user. Here&#8217;s how to set up and understand each file.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"31_HTML_File_world-timehtml\"><\/span>3.1. HTML File (<code>world-time.html<\/code>)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The HTML file provides the structure of your extension&#8217;s user interface. It includes a dropdown menu for selecting a time zone and a display area for the clock. Below is the content of <code>world-time.html<\/code>:<\/p>\n<p><span style=\"background-color: #f0ebeb;\">&lt;!DOCTYPE html&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;html lang=&#8221;en&#8221;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;head&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;title&gt;World Time Clock&lt;\/title&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/head&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;body&gt;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">&lt;table border=&#8221;0&#8243; width=&#8221;120&#8243; cellspacing=&#8221;0&#8243; cellpadding=&#8221;3&#8243;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;form name=&#8221;where&#8221;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;tr&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;td width=&#8221;100%&#8221;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;select name=&#8221;city&#8221; size=&#8221;1&#8243;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;&#8221; selected&gt;Local time&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;0&#8243;&gt;London GMT&lt;\/option&gt; <\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;2&#8243;&gt;Rome&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;2&#8243;&gt;Cairo&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;3&#8243;&gt;Moscow&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;4&#8243;&gt;Dubai&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;7&#8243;&gt;Bangkok&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;8&#8243;&gt;Hong Kong&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;9&#8243;&gt;Tokyo&lt;\/option&gt; <\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;11&#8243;&gt;Sydney&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;11&#8243;&gt;Melbourne&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;12&#8243;&gt;Fiji&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;13&#8243;&gt;New Zealand&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;-10&#8243;&gt;Hawaii&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;-8&#8243;&gt;San Francisco&lt;\/option&gt; <\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;-4&#8243;&gt;New York&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;option value=&#8221;-3&#8243;&gt;Rio De Janeiro&lt;\/option&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/select&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/td&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/tr&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;tr&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;td width=&#8221;100%&#8221;&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;span id=&#8221;hours&#8221; style=&#8221;font:bold 16px Arial;&#8221;&gt;00&lt;\/span&gt;:&lt;span id=&#8221;minutes&#8221; style=&#8221;font:bold 16px Arial;&#8221;&gt;00&lt;\/span&gt;:&lt;span id=&#8221;seconds&#8221; style=&#8221;font:bold 16px Arial;&#8221;&gt;00&lt;\/span&gt; &lt;span id=&#8221;ampm&#8221; style=&#8221;font:bold 16px Arial;&#8221;&gt;AM&lt;\/span&gt;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">&lt;\/td&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/tr&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/form&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/table&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;script src=&#8221;world-time.js&#8221;&gt;&lt;\/script&gt;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">&lt;\/body&gt;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">&lt;\/html&gt;<\/span><\/p>\n<p>This file sets up a simple interface with a dropdown menu for the user to select a time zone. When a time zone is selected, the JavaScript code will update the <code>worldclock<\/code> span with the current time in the selected zone.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"32_JavaScript_File_world-timejs\"><\/span>3.2. JavaScript File (<code>world-time.js<\/code>)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The JavaScript file contains the logic to calculate the current time based on the selected time zone and update the display accordingly. Here&#8217;s an overview of <code>world-time.js<\/code>:<\/p>\n<p><span style=\"background-color: #f0ebeb;\">document.addEventListener(&#8216;DOMContentLoaded&#8217;, function() {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const selectElement = document.querySelector(&#8216;select[name=&#8221;city&#8221;]&#8217;);<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">selectElement.addEventListener(&#8216;change&#8217;, updateClock);<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">setInterval(updateClock, 1000); \/\/ Update the clock every second<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">updateClock(); \/\/ Initial update on load<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">});<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">function getZoneOffset() {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const selectElement = document.querySelector(&#8216;select[name=&#8221;city&#8221;]&#8217;);<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">\/\/ If the selected option value is an empty string (&#8221;), consider it as local time<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const value = selectElement.value;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">if (value === &#8221;) {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">return null; \/\/ Indicate local time without offset<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">return parseInt(value, 10);<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">function formatTimeValue(value) {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">return value &lt; 10 ? `0${value}` : value.toString();<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">function updateClock() {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const zoneOffset = getZoneOffset();<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">let targetTime;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">if (zoneOffset !== null) {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">\/\/ Time zone offset is defined, calculate target time based on offset<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const now = new Date();<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">targetTime = new Date(now.getTime() + now.getTimezoneOffset() * 60000 + zoneOffset * 3600000);<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">} else {<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">\/\/ Zone offset is null, indicating local time should be used<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">targetTime = new Date();<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">let hours = targetTime.getHours();<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const minutes = formatTimeValue(targetTime.getMinutes());<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const seconds = formatTimeValue(targetTime.getSeconds());<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">const ampm = hours &gt;= 12 ? &#8216;PM&#8217; : &#8216;AM&#8217;;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">hours = hours % 12;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">hours = hours ? hours : 12; \/\/ The hour &#8216;0&#8217; should be &#8217;12&#8217;<\/span><\/p>\n<p><span style=\"background-color: #f0ebeb;\">document.getElementById(&#8216;hours&#8217;).textContent = formatTimeValue(hours);<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">document.getElementById(&#8216;minutes&#8217;).textContent = minutes;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">document.getElementById(&#8216;seconds&#8217;).textContent = seconds;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">document.getElementById(&#8216;ampm&#8217;).textContent = ampm;<\/span><br \/>\n<span style=\"background-color: #f0ebeb;\">}<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Add_an_Icon\"><\/span>4. Add an Icon<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Create an icon for your extension and place it in an <code>images<\/code> folder within your extension directory. You need to create or find icons in three sizes: 16&#215;16, 48&#215;48, and 128&#215;128 pixels. Reference these icons in your <code>manifest.json<\/code>.<\/p>\n<p>Here are mine for reference:<br \/>\n<a href=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/icon16.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/d55e941e1b15\/world-time-chrome-extension.webp?p=5856&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/e9dd16118eda\/world-time-chrome-extension.webp?p=5856&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/8e793f02a54f\/world-time-chrome-extension.webp?p=5856&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/be5e9790507b\/world-time-chrome-extension.webp?p=5856&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/22b0d7a294bb\/world-time-chrome-extension.webp?p=5856&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/66adb8c47f4f\/world-time-chrome-extension.webp?p=5856&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/f9e3e9c2f68d\/world-time-chrome-extension.webp?p=5856&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/c480edbe8653\/world-time-chrome-extension.webp?p=5856&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/db9555afb12b\/world-time-chrome-extension.webp?p=5856&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/35921bd02aa7\/world-time-chrome-extension.webp?p=5856&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/a3b13f3ceec3\/world-time-chrome-extension.webp?p=5856&w=1600&h=0&c=0 1600w\" class=\"alignnone size-full wp-image-5863\" title=\"\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTYucG5n\/074f587aadb8\/world-time-chrome-extension.webp?p=5856\" alt=\"icon16\" width=\"16\" height=\"16\" \/><\/a> <a href=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/icon48.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/3e48be994fd4\/world-time-chrome-extension.webp?p=5856&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/060521829a95\/world-time-chrome-extension.webp?p=5856&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/63b6df6026a9\/world-time-chrome-extension.webp?p=5856&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/119edeab5ee8\/world-time-chrome-extension.webp?p=5856&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/5ec4c7ed1246\/world-time-chrome-extension.webp?p=5856&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/a7c0ade62f08\/world-time-chrome-extension.webp?p=5856&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/adffec1404f5\/world-time-chrome-extension.webp?p=5856&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/7acb2419e7b5\/world-time-chrome-extension.webp?p=5856&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/7071bdbc1a9e\/world-time-chrome-extension.webp?p=5856&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/2c04b19dccd1\/world-time-chrome-extension.webp?p=5856&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/c33552acb5dc\/world-time-chrome-extension.webp?p=5856&w=1600&h=0&c=0 1600w\" class=\"alignnone size-full wp-image-5864\" title=\"\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uNDgucG5n\/0988c0e5d058\/world-time-chrome-extension.webp?p=5856\" alt=\"icon48\" width=\"48\" height=\"48\" \/><\/a> <a href=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/icon128.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/54a27dc8d016\/world-time-chrome-extension.webp?p=5856&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/41621f7f5d72\/world-time-chrome-extension.webp?p=5856&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/f522d080bb75\/world-time-chrome-extension.webp?p=5856&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/f63274b9753a\/world-time-chrome-extension.webp?p=5856&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/94a9377cd49b\/world-time-chrome-extension.webp?p=5856&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/9f48a8ed059d\/world-time-chrome-extension.webp?p=5856&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/ba7c08cd89d1\/world-time-chrome-extension.webp?p=5856&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/fff1081fe2bf\/world-time-chrome-extension.webp?p=5856&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/d67b334f64dc\/world-time-chrome-extension.webp?p=5856&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/d91c4ac9e5f6\/world-time-chrome-extension.webp?p=5856&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/b4c3979c8191\/world-time-chrome-extension.webp?p=5856&w=1600&h=0&c=0 1600w\" class=\"alignnone size-full wp-image-5865\" title=\"\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9pY29uMTI4LnBuZw\/2d962579c15d\/world-time-chrome-extension.webp?p=5856\" alt=\"icon128\" width=\"128\" height=\"128\" \/><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Loading_the_Extension\"><\/span>5. Loading the Extension<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Open Chrome and navigate to <code>chrome:\/\/extensions\/<\/code>.<\/li>\n<li>Enable &#8220;Developer mode&#8221; at the top right.<\/li>\n<li>Click &#8220;Load unpacked&#8221; and select the directory where your extension files are located.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"6_Debugging\"><\/span>6. Debugging<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After loading your extension, click on the extension icon to test it. If it doesn&#8217;t work as expected, you can debug it by right-clicking on the popup and selecting &#8220;Inspect&#8221;. The Chrome Developer Tools will open, where you can debug your HTML and JavaScript.<\/p>\n<p><a href=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension-1.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/070c1acf8669\/world-time-chrome-extension.webp?p=5856&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/004838c0bcc0\/world-time-chrome-extension.webp?p=5856&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/6bce32d34cdb\/world-time-chrome-extension.webp?p=5856&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/13c7c7664edc\/world-time-chrome-extension.webp?p=5856&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/26a1732c0165\/world-time-chrome-extension.webp?p=5856&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/b94e81395b65\/world-time-chrome-extension.webp?p=5856&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/63f2e0aa3e51\/world-time-chrome-extension.webp?p=5856&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/e491664f6bf9\/world-time-chrome-extension.webp?p=5856&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/6b7bfb56c634\/world-time-chrome-extension.webp?p=5856&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/a15676f15186\/world-time-chrome-extension.webp?p=5856&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/1a6d5780aeea\/world-time-chrome-extension.webp?p=5856&w=1600&h=0&c=0 1600w\" class=\"alignnone size-full wp-image-5869\" title=\"\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAyNC8wMy9Xb3JsZC1UaW1lLUNocm9tZS1FeHRlbnNpb24tMS5qcGc\/03ce991f15c6\/world-time-chrome-extension.webp?p=5856\" alt=\"World Time Chrome Extension 1\" width=\"1167\" height=\"645\" \/><\/a><\/p>\n<div class=\"boxlink\">Read also: <a title=\"DIY Business Content Prompt Generator\" href=\"https:\/\/danielepais.com\/journal\/diy-business-content-prompt-generator\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">DIY Business Content Prompt Generator<\/a><\/div>\n<div class=\"boxlink\">GET YOUR <a href=\"https:\/\/danielepais.com\/journal\/free-to-download-recipe-template-scalable-vector-for-illustrator-or-inkscape\/\">FREE<\/a> COPY: <a title=\"Download the FREE DIY World Time Chrome Extension\" href=\"https:\/\/danielepais.com\/journal\/free-downloads\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">FREE DIY World Time Chrome Extension<\/a><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>That&#8217;s the basic process to turn your world time clock into a Chrome extension. This setup assumes you want a popup style extension that shows your world time clock when you click the extension icon. If you have different requirements (e.g., content scripts, background scripts, or additional permissions), the setup might vary.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.<\/p>\n","protected":false},"author":1,"featured_media":5867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[949,461,561],"tags":[1226,1266],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Daniele Pais\"\/>\n\t<meta name=\"google-site-verification\" content=\"googleb91c9505ed997b99\" \/>\n\t<meta name=\"msvalidate.01\" content=\"AD1C96C338E051848BE08C67378B20CA\" \/>\n\t<meta name=\"keywords\" content=\"google chrome extension,world time,free downloads,web,web development\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Daniele Pais Blog\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"World Time Chrome Extension | Phuket Web Design\" \/>\n\t\t<meta property=\"og:description\" content=\"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-04-04T10:12:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-04-04T13:44:56+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@daniele_pais\" \/>\n\t\t<meta name=\"twitter:title\" content=\"World Time Chrome Extension | Phuket Web Design\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#article\",\"name\":\"World Time Chrome Extension | Phuket Web Design\",\"headline\":\"World Time Chrome Extension\",\"author\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/World-Time-Chrome-Extension.jpg\",\"width\":850,\"height\":400,\"caption\":\"World Time Chrome Extension\"},\"datePublished\":\"2024-04-04T17:12:21+07:00\",\"dateModified\":\"2024-04-04T20:44:56+07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#webpage\"},\"articleSection\":\"Free Downloads, Web, Web Development, Google Chrome Extension, World Time\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/danielepais.com\\\/journal\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/#listItem\",\"name\":\"Web\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/#listItem\",\"position\":2,\"name\":\"Web\",\"item\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/web-development\\\/#listItem\",\"name\":\"Web Development\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/web-development\\\/#listItem\",\"position\":3,\"name\":\"Web Development\",\"item\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/web-development\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#listItem\",\"name\":\"World Time Chrome Extension\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/#listItem\",\"name\":\"Web\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#listItem\",\"position\":4,\"name\":\"World Time Chrome Extension\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/web\\\/web-development\\\/#listItem\",\"name\":\"Web Development\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\",\"name\":\"Daniele Pais\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Daniele Pais\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/\",\"name\":\"Daniele Pais\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Daniele Pais\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#webpage\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/\",\"name\":\"World Time Chrome Extension | Phuket Web Design\",\"description\":\"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/World-Time-Chrome-Extension.jpg\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#mainImage\",\"width\":850,\"height\":400,\"caption\":\"World Time Chrome Extension\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/world-time-chrome-extension\\\/#mainImage\"},\"datePublished\":\"2024-04-04T17:12:21+07:00\",\"dateModified\":\"2024-04-04T20:44:56+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/\",\"name\":\"Phuket Web Design\",\"description\":\"Digital Print\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"World Time Chrome Extension | Phuket Web Design","description":"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.","canonical_url":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/","robots":"max-image-preview:large","keywords":"google chrome extension,world time,free downloads,web,web development","webmasterTools":{"google-site-verification":"googleb91c9505ed997b99","msvalidate.01":"AD1C96C338E051848BE08C67378B20CA","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#article","name":"World Time Chrome Extension | Phuket Web Design","headline":"World Time Chrome Extension","author":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"publisher":{"@id":"https:\/\/danielepais.com\/journal\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg","width":850,"height":400,"caption":"World Time Chrome Extension"},"datePublished":"2024-04-04T17:12:21+07:00","dateModified":"2024-04-04T20:44:56+07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#webpage"},"isPartOf":{"@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#webpage"},"articleSection":"Free Downloads, Web, Web Development, Google Chrome Extension, World Time"},{"@type":"BreadcrumbList","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal#listItem","position":1,"name":"Home","item":"https:\/\/danielepais.com\/journal","nextItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/#listItem","name":"Web"}},{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/#listItem","position":2,"name":"Web","item":"https:\/\/danielepais.com\/journal\/category\/web\/","nextItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/web-development\/#listItem","name":"Web Development"},"previousItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/web-development\/#listItem","position":3,"name":"Web Development","item":"https:\/\/danielepais.com\/journal\/category\/web\/web-development\/","nextItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#listItem","name":"World Time Chrome Extension"},"previousItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/#listItem","name":"Web"}},{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#listItem","position":4,"name":"World Time Chrome Extension","previousItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/web\/web-development\/#listItem","name":"Web Development"}}]},{"@type":"Person","@id":"https:\/\/danielepais.com\/journal\/#person","name":"Daniele Pais","image":{"@type":"ImageObject","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"Daniele Pais"}},{"@type":"Person","@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author","url":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/","name":"Daniele Pais","image":{"@type":"ImageObject","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"Daniele Pais"}},{"@type":"WebPage","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#webpage","url":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/","name":"World Time Chrome Extension | Phuket Web Design","description":"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/danielepais.com\/journal\/#website"},"breadcrumb":{"@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#breadcrumblist"},"author":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"creator":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg","@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#mainImage","width":850,"height":400,"caption":"World Time Chrome Extension"},"primaryImageOfPage":{"@id":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/#mainImage"},"datePublished":"2024-04-04T17:12:21+07:00","dateModified":"2024-04-04T20:44:56+07:00"},{"@type":"WebSite","@id":"https:\/\/danielepais.com\/journal\/#website","url":"https:\/\/danielepais.com\/journal\/","name":"Phuket Web Design","description":"Digital Print","inLanguage":"en-US","publisher":{"@id":"https:\/\/danielepais.com\/journal\/#person"}}]},"og:locale":"en_US","og:site_name":"Daniele Pais Blog","og:type":"article","og:title":"World Time Chrome Extension | Phuket Web Design","og:description":"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.","og:url":"https:\/\/danielepais.com\/journal\/world-time-chrome-extension\/","og:image":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg","og:image:secure_url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg","og:image:width":"850","og:image:height":"400","article:published_time":"2024-04-04T10:12:21+00:00","article:modified_time":"2024-04-04T13:44:56+00:00","twitter:card":"summary","twitter:site":"@daniele_pais","twitter:title":"World Time Chrome Extension | Phuket Web Design","twitter:description":"Hello and welcome back to another of our DIY Tutorials for Chrome extension. Today, we will be creating a Chrome extension for a World Time Clock.","twitter:image":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg"},"aioseo_meta_data":{"post_id":"5856","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":"#post_title #separator_sa #site_title","og_description":"#post_excerpt","og_object_type":"default","og_image_type":"featured","og_image_url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2024\/03\/World-Time-Chrome-Extension.jpg","og_image_width":"850","og_image_height":"400","og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":true,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"created":"2024-03-31 11:14:10","updated":"2025-06-11 19:11:49","ai":null,"seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts\/5856"}],"collection":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/comments?post=5856"}],"version-history":[{"count":0,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts\/5856\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/media\/5867"}],"wp:attachment":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/media?parent=5856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/categories?post=5856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/tags?post=5856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}