{"id":301,"date":"2021-05-26T11:35:10","date_gmt":"2021-05-26T14:35:10","guid":{"rendered":"http:\/\/hotelwww.uni5.net\/site\/novo\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/"},"modified":"2021-05-26T11:35:10","modified_gmt":"2021-05-26T14:35:10","slug":"identificar-erros-e-codigos-de-qualquer-site-firebug","status":"publish","type":"blog","link":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/","title":{"rendered":"Identificar erros e c\u00f3digos de qualquer site (Firebug)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3282\" title=\"Firebug\" src=\"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg\" alt=\"\" width=\"100\" height=\"65\" \/>Firebug \u00e9 uma extens\u00e3o para o Mozilla Firefox que adiciona ao navegador in\u00fameras ferramentas para facilitar a tarefa  de desenvolvimento de p\u00e1ginas web. Ele possibilita a identifica\u00e7\u00e3o e  elimina\u00e7\u00e3o de erros de programa\u00e7\u00e3o, edi\u00e7\u00e3o e tamb\u00e9m o monitoramento de  CSS, HTML e JavaScript presentes em qualquer p\u00e1gina da internet.<\/p>\n<p>Para  quem cria sites e utiliza o Firefox, pode ter a facilidade de realizar  todas as inspe\u00e7\u00f5es em qualquer p\u00e1gina web, sendo ainda um recurso  interessante para quem est\u00e1 iniciando com a marca\u00e7\u00e3o HTML, j\u00e1 que \u00e9  poss\u00edvel entrar em um site espec\u00edfico e verificar a marca\u00e7\u00e3o utilizada  nele.<\/p>\n<p><!--more-->Instale, ative e aproveite todas as ferramentas excelentes<\/p>\n<p>O  Firebug torna-se uma ferramenta indispens\u00e1vel para os programadores  localizarem os bugs em seus desenvolvimentos. Depois de instalar a  extens\u00e3o para o Firefox, clique em \u201cFerramentas\u201d, na Barra de  Ferramentas do navegador. Em seguida, posicione o mouse em \u201cFirebug\u201d  para abrir um menu lateral no qual voc\u00ea deve desmarcar a op\u00e7\u00e3o \u201cDisable  Firebug\u201d.<\/p>\n<p>Fazendo isto, vai aparecer um \u00edcone verde no canto  inferior direito da tela do Firefox. Basta clicar sobre ele para abrir o  menu de op\u00e7\u00f5es. Na aba \u201cConsole\u201d, voc\u00ea verifica os erros e bugs da  p\u00e1gina, bem como a op\u00e7\u00e3o HTML apresenta toda a marca\u00e7\u00e3o utilizada.<\/p>\n<p>Optando  pela aba \u201cInspect\u201d, voc\u00ea pode fazer um \u201ctour\u201d pela p\u00e1gina, posicionando  o mouse em cima de uma regi\u00e3o qualquer e verificando o c\u00f3digo \u201cdiv\u201d  utilizado nele, por exemplo. O c\u00f3digo espec\u00edfico \u00e9 destacado e  apresentado em uma caixa azul, facilitando a identifica\u00e7\u00e3o. A tela de  ferramentas \u00e9 dividida em duas regi\u00f5es: na esquerda voc\u00ea visualiza os  c\u00f3digos, enquanto na direita pode identificar os estilos e tamanho de  layouts usados.<\/p>\n<p>Firebug \u00e9 um aplicativo aparentemente simples,  mas que se torna poderoso e altamente \u00fatil para os desenvolvedores web,  identificando informa\u00e7\u00f5es preciosas e n\u00e3o deixando que nenhum erro passe  em branco.<\/p>\n<p>Fonte: <a href=\"http:\/\/www.baixaki.com.br\/download\/firebug.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Baixaki<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Firebug \u00e9 uma extens\u00e3o para o Mozilla Firefox que adiciona ao navegador in\u00fameras ferramentas para facilitar a tarefa de desenvolvimento de p\u00e1ginas web. Ele possibilita a identifica\u00e7\u00e3o e elimina\u00e7\u00e3o de erros de programa\u00e7\u00e3o, edi\u00e7\u00e3o e tamb\u00e9m o monitoramento de CSS, HTML e JavaScript presentes em&#8230;<\/p>\n","protected":false},"featured_media":0,"template":"","categories":[],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Identificar erros e c\u00f3digos de qualquer site (Firebug) - Hotelwww<\/title>\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.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Identificar erros e c\u00f3digos de qualquer site (Firebug) - Hotelwww\" \/>\n<meta property=\"og:description\" content=\"Firebug \u00e9 uma extens\u00e3o para o Mozilla Firefox que adiciona ao navegador in\u00fameras ferramentas para facilitar a tarefa de desenvolvimento de p\u00e1ginas web. Ele possibilita a identifica\u00e7\u00e3o e elimina\u00e7\u00e3o de erros de programa\u00e7\u00e3o, edi\u00e7\u00e3o e tamb\u00e9m o monitoramento de CSS, HTML e JavaScript presentes em...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotelwww\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/#website\",\"url\":\"https:\/\/www.hotelwww.com.br\/site\/\",\"name\":\"Hotelwww\",\"description\":\"Cria\\u00e7\\u00e3o de Sites em WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hotelwww.com.br\/site\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg\",\"contentUrl\":\"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#webpage\",\"url\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/\",\"name\":\"Identificar erros e c\\u00f3digos de qualquer site (Firebug) - Hotelwww\",\"isPartOf\":{\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#primaryimage\"},\"datePublished\":\"2021-05-26T14:35:10+00:00\",\"dateModified\":\"2021-05-26T14:35:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\\u00edcio\",\"item\":\"https:\/\/www.hotelwww.com.br\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Identificar erros e c\\u00f3digos de qualquer site (Firebug)\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Identificar erros e c\u00f3digos de qualquer site (Firebug) - Hotelwww","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.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/","og_locale":"pt_BR","og_type":"article","og_title":"Identificar erros e c\u00f3digos de qualquer site (Firebug) - Hotelwww","og_description":"Firebug \u00e9 uma extens\u00e3o para o Mozilla Firefox que adiciona ao navegador in\u00fameras ferramentas para facilitar a tarefa de desenvolvimento de p\u00e1ginas web. Ele possibilita a identifica\u00e7\u00e3o e elimina\u00e7\u00e3o de erros de programa\u00e7\u00e3o, edi\u00e7\u00e3o e tamb\u00e9m o monitoramento de CSS, HTML e JavaScript presentes em...","og_url":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/","og_site_name":"Hotelwww","og_image":[{"url":"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hotelwww.com.br\/site\/#website","url":"https:\/\/www.hotelwww.com.br\/site\/","name":"Hotelwww","description":"Cria\u00e7\u00e3o de Sites em WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hotelwww.com.br\/site\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#primaryimage","inLanguage":"pt-BR","url":"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg","contentUrl":"http:\/\/www.hotelwww.com.br\/site\/\/wp-content\/uploads\/firebug.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#webpage","url":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/","name":"Identificar erros e c\u00f3digos de qualquer site (Firebug) - Hotelwww","isPartOf":{"@id":"https:\/\/www.hotelwww.com.br\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#primaryimage"},"datePublished":"2021-05-26T14:35:10+00:00","dateModified":"2021-05-26T14:35:10+00:00","breadcrumb":{"@id":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hotelwww.com.br\/site\/blog\/identificar-erros-e-codigos-de-qualquer-site-firebug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.hotelwww.com.br\/site\/"},{"@type":"ListItem","position":2,"name":"Identificar erros e c\u00f3digos de qualquer site (Firebug)"}]}]}},"_links":{"self":[{"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/blog\/301"}],"collection":[{"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/types\/blog"}],"wp:attachment":[{"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hotelwww.com.br\/site\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}