{"id":14517,"date":"2012-08-14T18:01:59","date_gmt":"2012-08-14T10:01:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=14517"},"modified":"2022-11-23T15:40:37","modified_gmt":"2022-11-23T07:40:37","slug":"installing-firebug-browsers-ios","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/","title":{"rendered":"How to Install Firebug in Major Browsers and iOS Devices"},"content":{"rendered":"<p><a target=\"_blank\" href=\"https:\/\/getfirebug.com\/\" rel=\"noopener\">Firebug<\/a> is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools on other web browsers apart from Firefox.<\/p>\n<p>Development of a similar tool for other browsers may take hard work, but it will be of great help if you could get Firebug to work on other browsers too, considering that everyone has their preferred browsers.<\/p>\n<p>Well, here is where <a target=\"_blank\" href=\"https:\/\/getfirebug.com\/index.html\" rel=\"noopener\">Firebug Lite<\/a> comes in to solve your needs. Firebug Lite is a simpler version of Firebug but it can be used on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/opera\">Opera<\/a>, Chrome, Safari, iPad and iPhone while retaining similar options and features.<\/p>\n<h2>Installing Firebug Lite on Opera, Safari & Chrome<\/h2>\n<p>With Firebug Lite, there isn\u2019t any installation necessary. Written in JavaScript, you can bookmark a Firebug Lite link and it will be ready for page inspection. So what you need to do is to simply<strong> bookmark the link below<\/strong> (you can also drag the link to your browser\u2019s bookmark bar).<\/p>\n<p><a target=\"_blank\" href=\"\/\/getfirebug.com\/releases\/lite\/1.2\/firebug-lite-compressed.js');document.body.appendChild(firebug);(function()%7Bif(window.firebug.version)%7Bfirebug.init();%7Delse%7BsetTimeout(arguments.callee);%7D%7D)();void(firebug);\" rel=\"noopener\">Firebug Lite<\/a><\/p>\n<p>If you are using Chrome browser, the bookmark should appear as below, if your bookmark bar is visible.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg\" width=\"500\" height=\"262\" alt=\"Firebug Bookmark\"><\/figure>\n<p>That\u2019s it, your Firebug Lite should now work when you need to use it.<\/p>\n<h2>Using Firebug Lite on Opera, Safari & Chrome<\/h2>\n<p>Now you can use Firebug Lite to inspect practically any web page. For this example, we will use Wikipedia.org.<\/p>\n<p>When the web page is loaded, click on the Firebug Lite bookmark you saved earlier and you will see a consol box appear at the bottom of the web page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-consol.jpg\" width=\"500\" height=\"273\" alt=\"Firebug Consol\"><\/figure>\n<p>If we close up, this is what you will see on the bottom left of the page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-consol-closeup.jpg\" width=\"500\" height=\"124\" alt=\"Firebug Consol Closeup\"><\/figure>\n<p>Now you can see the (+) and the (-) at the starting point of many lines. The (+) means there are more lines closed under the one-liner of html, and if you highlight the line, you will see which part of the page it represents.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-consol-highlighted.jpg\" width=\"500\" height=\"400\" alt=\"Highlighted lines\"><\/figure>\n<p>But if you want to make it easier to spot the lines represented by any text, photo, link or any other elements on the web page itself, click on the \u2018Inspect\u2019 button.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-Inspect.jpg\" width=\"500\" height=\"124\" alt=\"Inspect\"><\/figure>\n<p>Now you can hover your mouse cursor to any part of the elements available on the web page, and you will see the html line highlighted. This makes it easier for you to do some inspection.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-Inspect-highlighted.jpg\" width=\"500\" height=\"400\" alt=\"Inspect Highlighted\"><\/figure>\n<h2>Installing Firebug Lite on iPad or iPhone<\/h2>\n<p>Bookmarklets doesn\u2019t really go well with iPad and iPhone. To have Firebug Lite installed on iPad and iPhone, here\u2019s how:<\/p>\n<ol>\n<li>Bookmark this page on your iPad or iPhone.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark-ipad.jpg\" width=\"500\" height=\"288\" alt=\"Firebug Bookmark iPad\"><\/figure>\n<li>Rename the bookmark to \"Firebug\".<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark-rename.jpg\" width=\"500\" height=\"338\" alt=\"Firebug Bookmark Rename\"><\/figure>\n<li>Select and copy all the  script below\n<pre>javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases\/lite\/latest\/skin\/xp\/sprite.png','https:\/\/getfirebug.com\/','#startOpened');<\/pre>\n<\/li>\n<li>Go to bookmark option and press \"Edit\". Then select \"Firebug\" bookmark.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark-edit.jpg\" width=\"500\" height=\"327\" alt=\"Firebug Bookmark Edit\"><\/figure>\n<li>Remove the original URL and paste the bookmarklet.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark-paste.jpg\" width=\"500\" height=\"343\" alt=\"Firebug Bookmark Paste\"><\/figure>\n<li>Choose \u201cDone\u201d on your keyboard.<\/li>\n<li>Now, try to open any website and select \"Firebug\" bookmark and you\u2019ll see a functioning Firebug at the bottom of your iPad screen.<\/li>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark-ipad-view.jpg\" width=\"500\" height=\"375\" alt=\"Firebug Bookmark Paste\"><\/figure>\n<\/ol>\n<h2>Conclusion<\/h2>\n<p><a href=\"https:\/\/getfirebug.com\/index.html\">Firebug Lite<\/a> is by far good enough to do quick page inspection. You can view html, css and any script used to build the webpage. Although Chrome has its own <a target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm\" rel=\"noopener\">Web Developer<\/a> extension, Firebug Lite does not disappoint by a mile.<\/p>","protected":false},"excerpt":{"rendered":"<p>Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools on other web browsers apart from Firefox. Development of a similar tool for other browsers may take hard work, but it will be of great help if&hellip;<\/p>\n","protected":false},"author":111,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[1258,2856,34,1846,2088,1962,583],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Install Firebug in Major Browsers and iOS Devices - Hongkiat<\/title>\n<meta name=\"description\" content=\"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Firebug in Major Browsers and iOS Devices\" \/>\n<meta property=\"og:description\" content=\"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-14T10:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-23T07:40:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg\" \/>\n<meta name=\"author\" content=\"Mustaza Mustafa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mustaza Mustafa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/\"},\"author\":{\"name\":\"Mustaza Mustafa\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/65a4d3ed27a1e14e55eb29ac41b0ee39\"},\"headline\":\"How to Install Firebug in Major Browsers and iOS Devices\",\"datePublished\":\"2012-08-14T10:01:59+00:00\",\"dateModified\":\"2022-11-23T07:40:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/\"},\"wordCount\":550,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/Firebug-bookmark.jpg\",\"keywords\":[\"Chrome\",\"Dev Tools\",\"Firefox\",\"iOS\",\"opera\",\"rr\",\"safari\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/\",\"name\":\"How to Install Firebug in Major Browsers and iOS Devices - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/Firebug-bookmark.jpg\",\"datePublished\":\"2012-08-14T10:01:59+00:00\",\"dateModified\":\"2022-11-23T07:40:37+00:00\",\"description\":\"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/Firebug-bookmark.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/quicktips\\\/Firebug-bookmark.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/installing-firebug-browsers-ios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Firebug in Major Browsers and iOS Devices\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/65a4d3ed27a1e14e55eb29ac41b0ee39\",\"name\":\"Mustaza Mustafa\",\"description\":\"Mustaza is a traveller, social media lover and a freelance web designer with years of experience working collaboratively over the Internet.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/mustaza\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Install Firebug in Major Browsers and iOS Devices - Hongkiat","description":"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Firebug in Major Browsers and iOS Devices","og_description":"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools","og_url":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-08-14T10:01:59+00:00","article_modified_time":"2022-11-23T07:40:37+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg","type":"","width":"","height":""}],"author":"Mustaza Mustafa","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Mustaza Mustafa","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/"},"author":{"name":"Mustaza Mustafa","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/65a4d3ed27a1e14e55eb29ac41b0ee39"},"headline":"How to Install Firebug in Major Browsers and iOS Devices","datePublished":"2012-08-14T10:01:59+00:00","dateModified":"2022-11-23T07:40:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/"},"wordCount":550,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg","keywords":["Chrome","Dev Tools","Firefox","iOS","opera","rr","safari"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/","url":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/","name":"How to Install Firebug in Major Browsers and iOS Devices - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg","datePublished":"2012-08-14T10:01:59+00:00","dateModified":"2022-11-23T07:40:37+00:00","description":"Firebug is a Firefox add-on with cool tools to inspect web page element, debug and develop web pages. There is, however, no way you can have these tools","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/quicktips\/Firebug-bookmark.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/installing-firebug-browsers-ios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Firebug in Major Browsers and iOS Devices"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/65a4d3ed27a1e14e55eb29ac41b0ee39","name":"Mustaza Mustafa","description":"Mustaza is a traveller, social media lover and a freelance web designer with years of experience working collaboratively over the Internet.","url":"https:\/\/www.hongkiat.com\/blog\/author\/mustaza\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-3M9","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=14517"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14517\/revisions"}],"predecessor-version":[{"id":64006,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14517\/revisions\/64006"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=14517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=14517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=14517"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=14517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}