Často kladené dotazy pro vývojáře webu

Úvod

  1. Co obsahuje prohlížeč Google Chrome?
  2. Kde lze získat informace o ostatních prohlížečích?

User-agent

  1. Co tvoří řetězec User-agent prohlížeče Google Chrome?

Kódování jazyka

  1. Prohlížeč Google Chrome zobrazuje chybné znaky
  2. Deklarace kódování pomocí kódu JavaScript (document.write) nefunguje
  3. Prohlížeč Google Chrome zobrazuje '%B1%C1%C3%E5' místo dvou čínských znaků

Skripty a webové aplikace

  1. Nenahrává se ovládání modulu ActiveX
  2. Chybný výkon kódu JavaScript

Vykreslování a chování prohlížeče

  1. Stránky se v prohlížeči Google Chrome vykreslují jinak než v prohlížeči Internet Explorer
  2. Jak lze testovat webové stránky v prohlížeči Google Chrome?
  3. Specifikace písma v externí šabloně stylů se neuplatňuje
  4. V prohlížeči Google Chrome se nezobrazují automaticky otevíraná okna webových stránek
  5. Webové stránky chráněné certifikátem SSL se v prohlížeči Google Chrome zobrazují s vykřičníkem, nikoli se zámkem
  6. Prohlížeč Google Chrome nepodporuje databázi HTML5 rozhraní API
  7. Jak lze upravit vzhled a funkci zkratek prohlížeče Google Chrome, které směřují na mou stránku?
  8. Jak lze samostatným procesem na webové stránce otevřít novou kartu?

Vyhledávání

  1. Zadání adresy webových stránek intranetu zobrazí místo stránek intranetu stránku výsledků vyhledávání
  2. Jak lze zahrnout hledání na webových stránkách do možností vyhledávání prohlížeče Google Chrome?

Úvod

1. Co obsahuje prohlížeč Google Chrome?

Prohlížeč Google Chrome obsahuje mnoho funkcí, které mohou webmasteři využít k dosažení většího přínosu pro koncové uživatele. Přichází s vestavěnými nástroji Gears, které umožňují webmasterům zužitkovat výhody rozhraní API, jako je ukládání offline. Díky tomuto prohlížeči můžete také přeměnit vzhled a dojem svých webových aplikací do podoby aplikací „instalovaných na PC“, kdy budou uživatelé moci spouštět prohlížeč Google Chrome v režimu s minimalizovaným uživatelským rozhraním ve formě lišty s názvem.

Prohlížeč Google Chrome také používá zcela nový jazyk JavaScript (V8), který je mnohem rychlejší než stávající interprety kódu JavaScript. To znamená, že můžete vytvářet složitější a intenzívnější aplikace AJAX s menším omezením rychlosti a zpracování. A konečně, prohlížeč Google Chrome je vystavěn na tom nejlepším z jádra WebKit, takže uživatelé této služby budou těžit z prvků CSS3, které byly při svém vydání do tohoto jádra přidány.

2. Kde lze získat informace o ostatních prohlížečích?

Máte na výběr velké množství jiných prohlížečů. Na níže uvedených webových stránkách najdete některé další informace o častěji používaných prohlížečích:

User-agent

3. Co tvoří řetězec User-agent prohlížeče Google Chrome?

Řetězec User-agent prohlížeče Google Chrome je:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, jako Gecko) Chrome/0.X.Y.Z Safari/525.13.

Prohlížeč Google Chrome používá vykreslovací jádro WebKit, které mají také ostatní prohlížeče, jako např. Apple Safari. Webové stránky by měly v prohlížeči Google Chrome vypadat stejně jako v jiných prohlížečích založených na jádru WebKit. Na tyto prohlížeče můžete namísto vyhledání konkrétního názvu prohlížeče (jako třeba Google Chrome nebo Safari) cílit vyhledáním slova webkit v řetězcích User-agent.

Kódování jazyka

4. Prohlížeč Google Chrome zobrazuje chybné znaky

Chcete-li prohlížečům pomoci s řádným vykreslováním vašeho obsahu, měli byste vždy v horní části zdroje dokumentu poskytnout údaje o kódování obsahu a znaků. Používáte-li rámce nebo prvky iframes, do horní části zdroje těchto prvků uveďte rovněž příslušné kódování. Některé prohlížeče (včetně Google Chrome) nerozeznávají deklarace kódování zobrazující se hluboko v dokumentu (např. po tabulkách CSS nebo skriptu v záhlaví vašeho dokumentu).

Příklad dobrého umístění kódování:

<html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
      <script type="text/javascript">
      ... váš kód JavaScript ...
      </script>
      .......

Také se ujistěte, že váš webový server neodesílá kolidující záhlaví HTTP. Záhlaví odeslaná webovým serverem přepíší všechny deklarace sady znaků na vaší stránce.

5. Deklarace kódování pomocí kódu JavaScript (document.write) nefunguje

Prohlížeč Google Chrome nečte kódovací údaje, které jsou deklarovány pomocí příkazu document.write(). Používáte-li tuto metodu k deklaraci kódování v prvcích iframe, při vykreslování prvku iframe se vám například mohou zobrazit nesmyslné znaky. Místo:

frame1.js 

document.write("<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">");
      ... jiný kód JavaScript ...

...doporučujeme toto:

frame1.html

<html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
      <script type="text/javascript">
      ... váš kód JavaScript ...
      </script>
      ...

6. Prohlížeč Google Chrome zobrazuje '%B1%C1%C3%E5' místo dvou čínských znaků

Prohlížeč Google Chrome v rámci adresy URL kóduje parametry dotazu znakem procent. Před zpracováním dat se ujistěte, že vaše skripty na straně serveru řádně dekódují znaky kódované procenty.

Skripty a webové aplikace

7. Nenahrává se ovládání modulu ActiveX

Měli byste uvést verzi NPAPI pluginu.

Modul Activex podporuje pouze prohlížeč Internet Explorer (a prohlížeče z něj vycházející) pro Windows. Prohlížeče Google Chrome, Mozilla Firefox, Apple Safari a další modul ActiveX nepodporují. Tyto prohlížeče místo toho využívají programovací rozhraní pluginů Netscape (NPAPI).

8. Chybný výkon kódu JavaScript

Existuje několik způsobů, jak zobrazit chyby kódu JavaScript, a postupně je vyladit pro prohlížeč Google Chrome:

  • Konzola kódu JavaScript: Klikněte na ikonu nabídky Stránka a vyberte položky Vývojář > Konzola kódu JavaScript. Zde můžete zobrazit chyby v provedení kódu JavaScript a případně zadat další příkazy kódu JavaScript.
  • Ladicí program kódu JavaScript: Tento ladicí program poskytuje příkazový řádek, ze kterého můžete nastavovat místa přerušení, zpětné trasování atd. Je dostupný pod ikonou nabídky Stránka > Vývojář > Odladit JavaScript. Zadáním help do příkazového řádku ladicího programu zahájíte činnost programu.

Chování prohlížeče a vykreslování

9. Stránky se v prohlížeči Google Chrome vykreslují jinak než v prohlížeči Internet Explorer

Prohlížeč Google Chrome používá jiné vykreslovací jádro než Internet Explorer, takže zobrazení stránek může být rozdílné. Prohlížeč Apple Safari používá stejné vykreslovací jádro (WebKit) jako Google Chrome, takže by měl stránky zobrazovat stejně.

  • Nezobrazují-li se vaše stránky řádně v žádném prohlížeči, ujistěte se, zda máte platné kódy HTML a CSS jejich testem na stránce http://validator.w3.org/.
  • Nevykreslují-li se vaše stránky řádně v prohlížečích Google Chrome a Apple Safari, zašlete chybu na adresu webkit.org dle popisu na stránkách http://webkit.org/quality/reporting.html.
  • Zobrazují-li se vaše stránky řádně v prohlížeči Apple Safari, avšak v prohlížeči Google Chrome nikoli, zašlete prosím chybu prohlížeče Google Chrome na adresu http://code.google.com/p/chromium/issues/list.

10. Jak testovat webové stránky v prohlížeči Google Chrome?

S testováním vašich webových stránek v prohlížeči Google Chrome vám může pomoci několik nástrojů:

  • Kontrolor webových stránek
    Kontrolor webových stránek můžete spustit kliknutím pravým tlačítkem na jakoukoli součást na webové stránce. Zobrazí se vám součásti a zdroje přiřazené k prokliknuté součásti včetně hierarchie zobrazení DOM a konzoly kódu JavaScript.
  • Správce úkolů
    Vyberte ikonu nabídky Stránka a poté položky Vývojář > Správce úloh (nebo stiskněte Shift+Esc). Funkce Správce úkolů vám zobrazí všechny probíhající procesy v prohlížeči Google Chrome a zdroje, které používají (paměť, CPU a síť).
  • Ladicí program kódu JavaScript
    Vyberte ikonu nabídky Stránka a poté vyberte možnosti Vývojář > Odladit JavaScript. Spustíte tím ladicí program JavaScript, který lze připojit ke stávajícím procesům.

11. Specifikace písma externí šablony stylů se neuplatňuje

Ujistěte se, že se vaše externí šablony stylů zobrazují se správnou sadou znaků a typem obsahu. Měly by se zobrazovat jako text/css nebo text/css;charset=X.

Pro záhlaví v kódu HTTP je lepší nespecifikovat sadu znaků pro šablonu stylů; místo toho přidejte následující deklaraci na úplný začátek (bez předchozích znaků, včetně mezer a zalomení řádků) vaší šablony stylů CSS:

@charset "xxx"

Zanedbání kódovacích údajů může zabránit řádné analýze vaší šablony stylů.

Další informace o tomto tématu můžete najít v dokumentaci konsorcia World Wide Web Consortium na adrese http://www.w3.org/TR/CSS21/syndata.html#charset.

12. V prohlížeči Google Chrome se nezobrazují automaticky otevíraná okna webových stránek

Výchozím chováním prohlížeče Google Chrome je minimalizovat a poté zobrazit pouze lištu s názvem automaticky otevíraných oken v pravé dolní části okna prohlížeče. Uživatelé si mohou obsah těchto oken zobrazit přetažením daného názvu do viditelnější pozice. Tím umožní automaticky otevíraným oknům se nahrát, a nenarušit tak funkčnost stránek, které na nich závisí. Také se tím zamezí, aby nežádoucí automaticky otevíraná okna zakrývala stránku a rušila uživatele.

13. Webové stránky chráněné certifikátem SSL se v prohlížeči Google Chrome zobrazují s vykřičníkem, nikoli se zámkem

Je to upozornění na problém s používáním certifikátu SSL na stránce. Kliknutím na vykřičník v prohlížeči Google Chrome se zobrazí další údaje o dané položce. Příčinou problémů je často smíšený obsah na vaší stránce. Například vaše webová stránka nejvyšší úrovně se zobrazuje prostřednictvím kódu HTTPS a je chráněna certifikátem SSL, ovšem na stránku jste rovněž začlenili prvky jako obrázky, skript nebo CSS, které mají kód HTTP. Aby se mohl zobrazit zámek, veškerý obsah musí být poskytován prostřednictvím kódu HTTPS.

14. Prohlížeč Google Chrome nepodporuje databázi HTML5 rozhraní API

Tým prohlížeče Google Chrome plánuje v budoucí verzi podporu databáze HTML5 rozhraní API a také dalších rozhraní API, které podporují jádro WebKit, včetně podpory pracovníků i offline režimu.

15. Jak upravit vzhled a funkci zkratek prohlížeče Google Chrome, které směřují na mou stránku?

Volbou možnosti Vytvořit zkratky aplikace v nabídce Stránka mohou uživatelé prohlížeče Google Chrome vytvářet zkratky pro jakoukoli webovou stránku. Implicitně přebírají nové zkratky název a oblíbenou ikonu stránky, na kterou směřují.

Zkratkám prohlížeče Google Chrome můžete přiřadit název, popis a adresu URL, která směřuje na vaši stránku. Stačí vložit příslušné značky metadat do záhlaví dokumentu (<head>).

Předmět úpravy: Značka Příklad
Název zkratky application-name <meta name="application-name" content="Gmail"/>
Popis (používá se při větším množství místa, jako např. na panelu předvoleb) description <meta name="description" content="Google's approach to email"/>
Adresa URL, která se po kliknutí na zkratku otevře application-url <meta name="application-url" content="http://www.gmail.com"/>
Ikona zkratky <link rel="icon" href="gmail_32x32.png" sizes="32x32"/>
<link rel="icon" href="gmail_48x48.png" sizes="48x48"/>

Příklad:

<head>
      <meta name="application-name" content="Gmail"/>
      <meta name="description" content="Google's approach to email"/>
      <meta name="application-url" content="http://www.gmail.com"/>
      <link rel="icon" href=gmail_32x32.png sizes="32x32"/>
      <link rel="icon" href=gmail_48x48.png sizes="48x48"/>
      </head>

Tyto značky jsou velmi podobné značkám pro aplikaci Gears Desktop API. Další informace najdete v dokumentaci pro aplikaci Gears Desktop API.

16. Jak lze samostatným procesem na webové stránce otevřít novou kartu?

Prohlížeč Google Chrome má multiprocesovou architekturu, což znamená, že karty lze spouštět na sobě nezávislými samostatnými procesy, a z hlavního procesu prohlížeče. Nové karty vzniklé na webové stránce se však obvykle otevírají stejným procesem, takže původní stránka může přistupovat na novou kartu pomocí kódu JavaScript.

Chcete-li, aby se nová karta otevřela samostatným procesem:

  • Otevřete novou kartu pomocí stránky about:blank jako jejího cíle.
  • Nastavte proměnnou opener nové karty na hodnotu null, tak aby neměla přístup na původní stránku.
  • Přejděte ze stránky about:blank na jakoukoli adresu URL v jiné doméně, portu nebo protokolu, než má stránka vytvářející automaticky otevírané okno. Pokud se například stránka vytvářející automaticky otevírané okno nachází na adrese http://www.priklad.cz/:
    • jiná doména by byla http://www.priklad.org
    • jiný port by byl http://www.priklad.cz:8080
    • a jiný protokol by byl https://www.priklad.cz

Prohlížeč Google Chrome rozpozná tyto akce jako náznak, že nové a staré stránky by se měly od sebe oddělit, a pokusí se nahrát novou stránku v samostatném procesu.

Všechny tyto kroky můžete zakončit následujícím úryvkem kódu:

var w = window.open();
      w.opener = null;
      w.document.location = "http://jinestranky.cz/index.html";

Vyhledávání

17. Zadání adresy webových stránek intranetu zobrazí místo stránek intranetu stránku výsledků vyhledávání

Jakmile uživatel zadá jedno slovo do řádku adresy, prohlížeč Google Chrome provede hledání na daný výraz a pomocí výchozího vyhledávače uživatele zobrazí výsledky. Současně vydá pro http://vyraz požadavek HEAD, aby zjistil, zda se jedná o platné webové stránky. Přijme-li prohlížeč Google Chrome odezvu HTTP/2xx (např. HTTP/200 OK), uživatel bude dotázán, zda chce místo toho dané stránky navštívit. Proklikáním se od zmíněného dotazu na dané stránky nastavíte danou stránku jako výchozí cíl pro tento výraz pro budoucí požadavky.

Prohlížeč Google Chrome rovněž zobrazí dotaz, obdrží-li:

  • odezvu HTTP/401 nebo HTTP/407
  • přesměrování HTTP/3xx, které bude končit na stránce s jakoukoli z výše zmíněných odezev

Měli byste se ujistit, že váš webový server řádně odpovídá na požadavky na ZÁHLAVÍ (head) a ne že jen DOSTÁVÁ (get) požadavky na stránku.

Nachází-li se stránka například na adrese http://projekt.intranet.priklad.cz a uživatel v rámci firemní sítě zadá do řádku adresy slovo projekt:

  • Prohlížeč Google Chrome zobrazí výsledky vyhledávání na výraz projekt
  • Současně zkontroluje, zda je adresa http://projekt platnou webovou stránkou. Pokud zjistí, že ano,
  • Zobrazí se dotaz, zda chce uživatel navštívit stránku http://projekt
  • Jakmile uživatel klikne na adresu http://projekt, prohlížeč Google Chrome nastaví adresu http://projekt jako cíl pro veškeré budoucí případné hledání na výraz projekt v řádku adresy

Uživatelé mohou přepsat výchozí (vyhledávácí) chování zadáním projekt/ nebo http://projekt, nebo volbou údaje pro řádek adresy, který načte projekt/ a nikoli Vyhledat projekt.

18. Jak zahrnout hledání na webových stránkách do možností vyhledávání prohlížeče Google Chrome?

Poskytnutím dokumentu OSDD umožníte prohlížeči Google Chrome začlenit vaše stránky do seznamu vyhledávačů v prohlížeči. Další informace o popisném dokumentu OpenSearch (OSDD) můžete najít na adrese http://www.opensearch.org.

©2009 Google - Domovská stránka Google – Vše o Google – Nápověda