Browser Mobile - Firefox
-
Upload
renato-bongiorno-bonfanti -
Category
Internet
-
view
90 -
download
0
Transcript of Browser Mobile - Firefox
![Page 1: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/1.jpg)
Ambiente Mobile
Tipos e Características de Browsers Mobile
Renato Bongiorno
![Page 2: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/2.jpg)
Ambiente Mobile
Atividades e conceitos da aula:
- Características gerais dos browsers
- Características gerais dos mobile browsers
- Gerar relatório das experiências de navegação nos
dispositivos móveis
![Page 3: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/3.jpg)
Ambiente Mobilebrowsers
Desenvolver para web significa, principalmente, desenvolver para navegadores web.
![Page 4: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/4.jpg)
Ambiente MobileThe Gecko and the Fox
Firefox – projeto open source baseado no engine Gecko
* Conta com uma conformidade muito boa com as normas do W3C
* Tem uma forte vantagem – Sua comunidade de desenvolvimento.
![Page 5: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/5.jpg)
Ambiente MobileThe Gecko and the Fox
Navegação Facilitada
Obtenha seus sites favoritos rapidamente – mesmo que você não se lembre dos endereços. Digite o termo no campo de endereços e a função autocompletar incluirá sites correspondentes do seu histórico de navegação, favoritos e abas abertas.
O Campo de Endereços Inteligente aprende à medida em que você o usaao longo do tempo, ele se adapta às suas preferências e oferece resultados mais precisos.
![Page 6: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/6.jpg)
Ambiente MobileThe Gecko and the Fox
Alto Desempenho
Abertura, carga de páginas e renderização de gráficos mais rápidos através do
gerenciamento mais eficiente de objetos JavaScript:
* Suporte a ECMAScript5
* Construção do novo motor de JavaScript JägerMonkey
![Page 7: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/7.jpg)
Ambiente MobileThe Gecko and the Fox
Aceleração de Hardware
Novo sistema gráfico baseado em camadas que aproveita o
Direct2D e Direct3D no Windows e OpenGL no Mac.
![Page 8: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/8.jpg)
Ambiente MobileThe Gecko and the Fox
3D na Web
O padrão WebGL traz gráficos 3D ao Firefox, permitindo a criação de jogos
vívidos e novas visualizações e experiências para a Web.
https://developer.mozilla.org/en-US/demos/detail/remixing-reality/launch
![Page 9: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/9.jpg)
Ambiente MobileThe Gecko and the Fox
Segurança - Identidade do site
Ícone permite ter uma visão geral da sua identidade.
Permite a verificação de sites suspeitos e ter a certeza de
que o site é realmente aquilo que diz ser.
![Page 10: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/10.jpg)
Ambiente MobileThe Gecko and the Fox
Segurança - Identidade do site
http://www.youtube.com/watch?v=lR70ajtGUIA&list=PL0BCE00F7C446461B
![Page 11: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/11.jpg)
Ambiente MobileThe Gecko and the Fox
Política de Segurança de Conteúdo
A Política de Segurança de Conteúdo (CSP) do Firefox foi projetada para parar
ataques de script cross-site fornecendo um mecanismo para os sites informarem
ao navegador que seu conteúdo é legítimo.
O navegador poderá então desconsiderar qualquer
conteúdo não legitimado pelo site,
mantendo você protegido no processo.
![Page 12: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/12.jpg)
Ambiente MobileThe Gecko and the Fox
Política de Segurança de Conteúdo
http://www.youtube.com/watch?v=AN91VeHdGwI&list=PL0BCE00F7C446461B
![Page 13: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/13.jpg)
Ambiente MobileThe Gecko and the Fox
Controle dos Pais
O Firefox usa o Controle dos Pais configurados no
Windows 7 para bloquear downloads indesejados e mais.
![Page 14: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/14.jpg)
Ambiente MobileThe Gecko and the Fox
Navegação Privativa
Quando esse recurso é ativado, você não
deixará um único rastro de navegação para trás.
![Page 15: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/15.jpg)
Ambiente MobileThe Gecko and the Fox
Integração com Antivírus
O Firefox integra com o antivírus do Windows.
Ao baixar um arquivo, seu programa antivírus o verificará automaticamente para
protegê-lo de vírus e outros tipos de programas maliciosos
que podem atacar o seu computador.
![Page 16: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/16.jpg)
Ambiente MobileThe Gecko and the Fox
Proteção Antiphishing
Firefox recebe uma atualização
de sites falsos 48 vezes por dia.
Se você tentar visitar um site fraudulento
que finge ser um site em que você confia
(como o seu banco), uma janela do navegador
irá alertá-lo.
![Page 17: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/17.jpg)
Ambiente MobileThe Gecko and the Fox
Proteção Antiataques
O Firefox protege o PC contra diversos tipos de vírus,
cavalos de troia e programas espiões.
Se por acidente você acessar um site
foco de ataques, o Firefox exibirá uma
mensagem de aviso informando por que
o site não é seguro.
![Page 18: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/18.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebSockets
WebSockets abre uma porta de comunicação instantânea
de duas vias entre o Firefox e servidores da web
É uma tecnologia que permite a comunicação
bidirecional por canais full-duplex sobre um único
soquete Transmission Control Protocol (TCP).
Projetado para ser executado em browsers e
servidores web que suportem o HTML5
![Page 19: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/19.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebSockets
WebSockets permitem aplicações de mensagens em tempo
real e jogos em HTML5 mais responsivos e interativos.
http://www.websocket.org/demos.html
![Page 20: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/20.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebSockets
WebSockets permitem aplicações de mensagens em tempo
real e jogos em HTML5 mais responsivos e interativos.
http://www.websocket.org/demos.html
![Page 21: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/21.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
http://www.youtube.com/watch?v=64TcBiqmVko
![Page 22: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/22.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Peixes ao vivo!http://webglsamples.googlecode.com/hg/aquarium/aquarium.html
![Page 23: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/23.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Blob!http://webglsamples.googlecode.com/hg/blob/blob.html
![Page 24: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/24.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Collectbles!http://webglsamples.googlecode.com/hg/collectibles/index.html
![Page 25: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/25.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Colos Ajust!http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html
![Page 26: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/26.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html
![Page 27: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/27.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html
![Page 28: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/28.jpg)
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
SuperRockshttp://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html
![Page 29: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/29.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebM e Vídeo HD
O Firefox suporta o formato WebM para que
vídeos de alta definição.
http://www.webmfiles.org/demo-files/
![Page 30: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/30.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebM e Vídeo HD
O Firefox suporta o formato WebM para que
vídeos de alta definição.
http://video.webmfiles.org/elephants-dream.webm
![Page 31: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/31.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - IndexedDB
O Firefox inclui uma versão preliminar do IndexedDB para
oferecer aos desenvolvedores uma primeira experiência
com armazenagem local de dados no navegador.
IndexedDB é uma forma de você armazenar persistentemente dados
dentro do navegador do usuário. Permite criar aplicações web com
capacidades de rich queries, trabalhando com dados online e offline.
![Page 32: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/32.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - Gráficos de Nova Geração
Firefox corrige automaticamente as cores de imagens
(como suas fotos digitais) para certificar-se de que as cores
são exibidas exatamente como pretendidas, através de
renderização SVG e Canvas
![Page 33: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/33.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - Scratchpad
Scratchpad permite construir e testar trechos de código
JavaScript / HTML / CSS diretamente no navegador,
economizando tempo e digitação extra.
http://scratchpad.io
![Page 34: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/34.jpg)
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - Fontes Fabulosas
O Firefox suporta formatos abertos de fontes como WOFF,
TrueType e OpenType, o que significa que o Firefox se
certifica em mostrar e renderizar tipos corretamente,
mesmo se você não tiver a fonte instalada em seu
computador.
![Page 35: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/35.jpg)
Ambiente MobileThe Gecko and the Fox
Rich add-nos
Ferramentas que facilitam o desenvolvimento e os testes de aplicativos web.
https://addons.mozilla.org/pt-BR/firefox/
![Page 36: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/36.jpg)
Ambiente MobileThe Gecko and the Fox
Web Developerhttps://addons.mozilla.org/en-US/firefox/addon/web-developer/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 37: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/37.jpg)
Ambiente MobileThe Gecko and the Fox
SEOquakehttp://www.seoquake.com/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 38: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/38.jpg)
Ambiente MobileThe Gecko and the Fox
IE Tabhttps://addons.mozilla.org/en-US/firefox/addon/ie-tab/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 39: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/39.jpg)
Ambiente MobileThe Gecko and the Fox
FireFTPhttp://fireftp.mozdev.org/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 40: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/40.jpg)
Ambiente MobileThe Gecko and the Fox
ColorZillahttps://addons.mozilla.org/en-US/firefox/addon/colorzilla/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 41: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/41.jpg)
Ambiente MobileThe Gecko and the Fox
Firebughttps://addons.mozilla.org/en-US/firefox/addon/firebug/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 42: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/42.jpg)
Ambiente MobileThe Gecko and the Fox
FontFinderhttps://addons.mozilla.org/en-US/firefox/addon/font-finder/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 43: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/43.jpg)
Ambiente MobileThe Gecko and the Fox
User Agent Switcherhttps://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 44: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/44.jpg)
Ambiente MobileThe Gecko and the Fox
MeasureIthttps://addons.mozilla.org/en-US/firefox/addon/measureit/
Rich add-ons - Essenciais para desenvolvimento Web
![Page 45: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/45.jpg)
Ambiente MobileThe Gecko and the Fox
Firefox FlicksVocê é o diretor. A mobilidade é a estrela.
Os dispositivos móveis conectam as pessoas. Facilitam nosso progresso e crescimento, tanto nos quesitos pessoas
quanto na vida coletiva.
Firefox Flicks, um concurso mundial que vai expôr videos sobre a força dos dispositivos móveis, e inspirar muitas
pessoas a se conectarem.
![Page 46: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/46.jpg)
Ambiente MobileThe Gecko and the Fox
Firefox Flicks
http://vimeo.com/57743653
![Page 47: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/47.jpg)
Ambiente MobileThe Gecko and the Fox
Firefox Flicks - Prêmios
Um prêmio principal de US$ 5,000 para o campeão e US$ 2,500 para o vice-campeão de cada região.
Os três que tiverem mais votos em Agosto ganharão um kit de brindes do Firefox Flicks e serão exibidos em nossos
canais de divulgação, para milhões de pessoas.
Chances de ganhar US$ 1,000 enviando seu video com antecedência
![Page 48: Browser Mobile - Firefox](https://reader034.fdocuments.us/reader034/viewer/2022051315/55ac51db1a28abe7118b4780/html5/thumbnails/48.jpg)
Ambiente MobileThe Gecko and the Fox
Firefox Flicks - Prêmios
http://firefoxflicks.tumblr.com/