Характеристики браузера с помощью HTML |
Рассмотрим сложный и полезный пример Web страницы, перечисляющей характеристики Web браузера и операционной системы клиента.
Не будем делить код страницы на HTML и JavaScript, так как HTML-код получится очень простым. Зато часть, на языке JavaScript окажется огромной.
<html>
<head>
<title>Характеристики Web браузера</title>
</head>
<body>
<script>
Поместим наши скрипты в тело HTML документа.
var sv, aname, re, result;
document.write(“Имя кода программы: ”+navigator.appCodeName);
document.write(“<br>”);
aname=navigator.appName;
document.write(“Имя программы: “+aname);
document.write(“<br>”);
Тут всё просто. Записываем в тело HTML документа строки, представляющие имена свойств объекта navigator и их значения, отделяя, их друг от друга разрывом <br>. Это всё свойства, поддерживаемые и Internet Explorer и Navigator.
sv=navigator.appVersion;
Это свойство возвращает сложную строку, формат которой зависит от конкретной версии программы. Для разбора строки применим регулярные выражения JavaScript:
if (aname.indexOf(“Netscape”)!=-1) {
re=/([0-9\.]+)\s*.*\s+\((.+);\s+(I|U)\)/i;
Создаём регулярное выражение:
result=sv.match(re);
и выполняем разбор строки, возвращаемой методом appVersion. Регулярное выражение содержит три подвыражения, содержащие информацию о версии и платформе клиента, на которой работает Web браузер.
document.write(“Версия программы: “+RegExp.$1);
document.write(“<br>”);
document.write(“Платформа клиента: “+RegExp.$2);
document.write(“<br>”);if (RegExp.$3==”I”)
document.write(“Интернациональная версия”)
else
document.write(“Американская версия”);
Используем объект RegExp и его свойства, для получения отдельных частей “разобранной” регулярным выражением строки.
document.write(“<br>”);
document.write(“Язык: “+navigator.language); }
Вот свойство специфичное для браузера Navigator:
else {
re=/([0-9\.]+)\s+\(compatible;\s+.+\s+([0-9\.]+);\s+(.+)\)/i;
result=sv.match(re);
document.wtite(“Версия программы: “+RegExp.$2);
document.write(“<br>”);
document.wtite(“Совместима с Navigator “+RegExp.$1);
document.write(“<br>”);
document.wtite(“Платформа клиента: “+RegExp.$3);
document.write(“<br>”);
document.wtite(“Процессор: “+navigator.cpuClass);
document.write(“<br>”);
document.wtite(“Язык: “+navigator.browserLanguage); }
То же самое, но для Web браузера Internet Explorer.
document.write(“<br>”);
document.write(“Разрешение экрана: “+screen.availWidth+”*”+screen.availHeight);
Здесь мы обращаемся к объекту screen, чтобы получить данные о разрешении экрана клиентского компьютера.
</script>
</body>
</html>
|
Создание сайта 
