Wie eine Website in Pixel gemessen

August 25

Wenn Sie Ihre Website-Besucher Bildschirmauflösung nicht erkennen, können Sie es schwerer für sie zur Anzeige machen. Eine Seite für einen Bildschirm mit 1024 von 628 Auflösung erfordert Scrollen auf einem Bildschirm angezeigt, die dieser Auflösung nicht unterstützt. Messen die Größe Ihrer Seiten, wenn Website-Besucher zu Ihrer Website navigieren, um dieses Problem zu beheben. Moderne Browser haben diese Pixel Größeninformationen. Sie können ihnen dann die geeigneter Größen Seiten basierend auf ihren Bildschirm-Auflösungen zeigen.

Anweisungen

1 Starten Sie Ihren HTML-Editor und öffnen Sie ein Dokument Webseite.

2 Fügen Sie den folgenden "< Script >" Abschnitt, nachdem das Dokument "< Head >"-Tag Öffnung:

< Skript-Typ = "Text/Javascript" >

< / script >

3 Fügen Sie den folgenden JavaScript-Code, nach dem Starttag "< Script >":

< Skript-Typ = "Text/Javascript" >

{Window.OnLoad=Function()}

getPixels();

}

Funktion getPixels() {}

Var "PixelWidth" = screen.width;

Var PixelHeight = screen.height;

Var PageSize = "Page Width =" + "PixelWidth" + ".. Page-Height = "+ PixelHeight;

Alert(PageSize);

PageSize zurück;

}

< / script >

Die "window.unload"-Funktion Ruft eine Funktion namens "GetPixels", wenn ein Browser die Seite geladen. Die Funktion "GetPixels", nach der "window.onload"-Funktion Ruft die Seitenabmessungen überprüfen die Eigenschaften "screen.width" und "screen.height". Diese Eigenschaften enthält die Dimensionen des gesamten Bildschirm des Benutzers. Die Funktion zeigt dann ein Pop-up Alarmfenster zeigt Ihnen diese Dimensionen.

4 Speichern Sie das HTML-Dokument, und öffnen Sie sie in einem Browser. Die GetPixels-Funktion wird ausgeführt und zeigt die Seite Größe in Pixel.

Tipps & Warnungen

  • Entfernen Sie die "Warnung"-Funktion, bevor mithilfe dieses Codes auf Ihrer Webseite. Sie können auch die Funktion "GetPixels" aufrufen, bei Bedarf, z. B. Wenn ein Benutzer eine Schaltfläche, anstatt die Funktion beim Laden der Seite klickt.