Завършете с HTML5, голям брой на новия API. Един от най-добрите е Fullscreen API, което осигурява начин за собствения браузър, ви дава възможност да се покаже на уеб страница в режим на цял екран за потребителя.
А добрата новина е, че Fullscreen API е много лесен за използване.
Методи, принадлежащи към цял екран API:
Този метод позволява един член отидете в режим на цял екран.
Изпълнение на този код, ще доведе до факта, че на платното с ID "myCanvas" влиза в режим на цял екран.
Отменя режим на цял екран.
Връща стойността на "истинска", ако потребителят е в режим на цял екран.
Тя връща елемент, който в момента е в режим на цял екран.
Моля, имайте предвид, че това са стандартни методи. За да могат те да работят във всички браузъри, ние трябва да използваме представки.
Поддържани браузъри
В момента, Internet Explorer и Opera не поддържат този API.
Работещи режим на цял екран
Първо трябва да разбера кой метод да се признае нашия браузър. За да направите това, ние ще създадем функция, която ще провери метода на подкрепа и да причини метода на работа:
Ако някоя от метод requestFullScreen връща истина, тогава го нарича методът, който се поддържа от конкретен браузър и използва своята псевдо prefikskom.
След това, всичко, което трябва да се обадя на функция в режим на цял екран:
Резултатът ще изиска от потребителя да се позволи преминаването към режим на цял екран, ако разрешите на прехода, всички инструменти в панела на браузъра ще изчезнат, а на целия екран е уеб страница или един елемент.
Отказ на цял екран
Този метод също е нужен префикс, така че ние ще използваме една и съща идея да се провери методи за подпомагане на браузъра. Създаване на функция, която ще определи кой префикс ние трябва да използваме в зависимост от браузъра на потребителя.
Този метод не изисква никакви параметри, тъй като, за разлика от requestFullScreen метода той винаги се отнася до целия документ.
CSS псевдо-класовете
Тя може да се използва за определяне на стила на всички елементи на дадена уеб страница, когато в страницата или на елемента е в режим на цял екран. Този псевдо може полезен за определяне на размера на елементите на страницата, тъй като в режим на цял екран се увеличава и работното пространство на браузъра.
Имайте предвид, че не е възможно да се отдели префиксите със запетаи, защото браузърът няма да бъде в състояние да ги признае:
За стил се прилага правилно, трябва да поставите всеки псевдо-префикс браузър в собствената си блок.
заключение
Свързани статии