Π Π°Π·Π½ΠΎΠ΅

Html Π²ΠΊΠ»Π°Π΄ΠΊΠΈ: Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π’ΠΊΠ»Π°Π΄ΠΊΠΈ

30.11.2022

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ

ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π’ΠΊΠ»Π°Π΄ΠΊΠΈ позволяСт Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈ создании интСрфСйсов. Π’ Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ (ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, ΠΏΠ°Π½Π΅Π»ΠΈ, тСкст ΠΈ Ρ‚. Π΄.) ΠΈ свойства. Π’ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ².

Когда Π²Ρ‹ добавляСтС этот ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, ΠΎΠ½ содСрТит ΠΎΠ΄Π½Ρƒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ . Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽ ΠΈΠ»ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ, Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ Π½Π° ΠΈΡ… названия.

КаТдая добавлСнная Π²ΠΊΠ»Π°Π΄ΠΊΠ° β€” это ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ.

Настройки ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ

Окно настроСк ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ состоит ΠΈΠ· Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅, Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Бобытия, Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ, БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π’ΠΊΠ»Π°Π΄ΠΊΠ° Β«ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅Β»

На этой Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ основныС настройки.

Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ β€” ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΏΡ€ΠΈ ΠΊΠ°ΠΊΠΈΡ… условиях Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для этого Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Волько Π½Π° Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ β€” ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΌΠΎΠΆΠ΅Ρ‚ Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° этой Π²ΠΊΠ»Π°Π΄ΠΊΠ΅. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

β€” ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ поля. Он смоТСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Ρ€Π°Π½Π΅Π΅ Π΄Π°Π½Π½Ρ‹Π΅.

β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ поля наслСдуСтся ΠΎΡ‚ настроСк Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹, страницы, ΠΏΠΎΡ€Ρ‚Π»Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.

Если Ρ„Π»Π°ΠΆΠΎΠΊ Π½Π΅ установлСн, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ поля, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° этой Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π’ΠΈΠΏ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ β€” способ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° Ρ„ΠΎΡ€ΠΌΠ΅:

  • Бинхронная β€” ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ всС Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, ΠΊΠΎΠ³Π΄Π° загрузятся всС элСмСнты Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹, страницы, ΠΏΠΎΡ€Ρ‚Π»Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°;
  • ЛСнивая β€” Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ»Π°ΡΡŒ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠ°Ρ Ρ„ΠΎΡ€ΠΌΠ°, страница, ΠΏΠΎΡ€Ρ‚Π»Π΅Ρ‚ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚;
  • ΠŸΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ β€” Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ отобразятся Π² Ρ‚ΠΎΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅Ρ‚ ΠΊ Π½Π΅ΠΉ. МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот способ, ΠΊΠΎΠ³Π΄Π° трСбуСтся ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ поля ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… условиях.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ β€” Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ Π² интСрфСйсС.

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π·Π°Π½ΠΈΠΌΠ°Π»Π° всС свободноС пространство Π² интСрфСйсС, установитС ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ Π² ΠΏΠΎΠ»Π΅ Ѐиксированная высота Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π”Π°.

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅Β» ΠΈ «Бобытия»

Настройки Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Бобытия Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ настройкам ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Колонка. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Π½ΠΈΡ… Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ «Колонка».

Π’ΠΊΠ»Π°Π΄ΠΊΠ° Β«Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊΒ»

Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ счСтчика Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

ВСкст β€” Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ рядом с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ счСтчик Π² Π²ΠΈΠ΄Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ условия, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… счСтчик Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π²ΠΈΠ΄Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌΡƒΠ»ΠΎΠΉ.

Π¦Π²Π΅Ρ‚ β€” Π²Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π° счСтчика: синий, красный, Π·Π΅Π»Π΅Π½Ρ‹ΠΉ, ΠΆΠ΅Π»Ρ‚Ρ‹ΠΉ, Ρ‚Π΅ΠΌΠ½ΠΎ-сСрый, сСрый.

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ «БистСмныС» ΠΈ Β«ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»

Настройки Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ настройкам ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Колонка. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Π½ΠΈΡ… Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ «Колонка».

Настройки динамичСской Π²ΠΊΠ»Π°Π΄ΠΊΠΈ

ДинамичСскиС Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², списков ΠΈΠ· простых Ρ‚ΠΈΠΏΠΎΠ² ΠΈ структур ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹ΠΌΠΈ. ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ динамичСских Π²ΠΊΠ»Π°Π΄ΠΎΠΊ соотвСтствуСт количСству экзСмпляров ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° (записСй справочника), экзСмпляров списка ΠΈΠ· простых Ρ‚ΠΈΠΏΠΎΠ² ΠΈΠ»ΠΈ экзСмпляров структуры ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹ΠΌΠΈ. Π’ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ пСрСдаСтся экзСмпляр ΠΈΠ· списка.

Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π½ΠΈΠΌΠΈ, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

На Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ДинамичСская Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π΅Π³ΠΎ настройки. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ настройкам, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Окно настроСк динамичСской Π²ΠΊΠ»Π°Π΄ΠΊΠΈ состоит ΠΈΠ· Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅, Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Бобытия, БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π Π°Π±ΠΎΡ‚Π° с Π½ΠΈΠΌΠΈ схоТа с настройками ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Π’ΠΊΠ»Π°Π΄ΠΊΠ° Β«ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅Β»

На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с динамичСскими Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Π΄Π°Π½Π½Ρ‹Ρ… β€” Π²Ρ‹Π±ΠΎΡ€ свойства, Π΄Π°Π½Π½Ρ‹Π΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для отобраТСния Π½Π° динамичСских Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ свойство, Π² качСствС Ρ‚ΠΈΠΏΠ° Π΄Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡƒΠΊΠ°Π·Π°Π½ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ ΠΈΠ»ΠΈ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹ΠΌΠΈ (эти свойства Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ с Ρ‚ΠΈΠΏΠΎΠΌ связи Бписок), ΠΈΠ»ΠΈ Бписок ΠΈΠ· простых Ρ‚ΠΈΠΏΠΎΠ².

Ѐункция, ΡΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰Π°Ρ ΠΏΡ€ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, которая ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ дСйствиС ΠΏΡ€ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. НапримСр, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈ Ρ‚. Π΄.

Π’Π°ΠΆΠ½ΠΎ: Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ динамичСской Π²ΠΊΠ»Π°Π΄ΠΊΠΈ задаСтся ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° ВСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²Π»ΠΎΠΆΠ΅Π½ Π² Π½Π΅Π΅. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π½ΠΈΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ «ВСкст».

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅Β», «Бобытия», «БистСмныС» ΠΈ Β«ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»

Π Π°Π±ΠΎΡ‚Π° с Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Бобытия, БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ осущСствляСтся Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΏΡ€ΠΈ настройкС ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Настройки ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Β«Π’ΠΊΠ»Π°Π΄ΠΊΠΈΒ»

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ настройки для всСх Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Ρ… Π½Π° Ρ„ΠΎΡ€ΠΌΡƒ, страницу, ΠΏΠΎΡ€Ρ‚Π»Π΅Ρ‚ ΠΈΠ»ΠΈ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚.

Окно настроСк ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Π’ΠΊΠ»Π°Π΄ΠΊΠΈ состоит ΠΈΠ· Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅, Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Бобытия, БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π’ΠΊΠ»Π°Π΄ΠΊΠ° Β«ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅Β»

На этой Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ основныС настройки ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.

Π’Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΏΡ€ΠΈ настройкС ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ условия, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² интСрфСйсС ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΌΠΎΠΆΠ΅Ρ‚ Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ….

ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚Π½Π°Ρ пСрСмСнная, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰Π°Ρ Π·Π° Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ элСмСнт β€” Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Ρ‚ΠΈΠΏΠ° Π‘Ρ‚Ρ€ΠΎΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ созданию контСкстной ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘войства, Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ .

ДСйствиС ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ β€” дСйствиС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅Β», «Бобытия», «БистСмныС» ΠΈ Β«ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β»

Π Π°Π±ΠΎΡ‚Π° с Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Бобытия, БистСмныС ΠΈ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ осущСствляСтся Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΏΡ€ΠΈ настройкС ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Π’Π²Π΅Π΄Ρ‘Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π² настройках автоматичСски. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ измСнСния, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ послСдниС измСнСния. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ этой ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ ΠΎΠΊΠ½ΠΎ настроСк.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки, сохранитС Ρ„ΠΎΡ€ΠΌΡƒ ΠΈΠ»ΠΈ сохранитС ΠΈ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ страницу, ΠΏΠΎΡ€Ρ‚Π»Π΅Ρ‚ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ .

dynamic-list.html menu-with-form.html

Нашли ΠΎΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΡƒ? Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ctrl + enter ΠΈ оповСститС нас

ΠœΠΎΠ΄ΡƒΠ»ΡŒ АдаптивныС Π²ΠΊΠ»Π°Π΄ΠΊΠΈ любого HTML-ΠΊΠΎΠ΄Π° для Joomla

БСсплатно

Joomla 3. x

Joomla 4.x

ΠœΠΎΠ΄ΡƒΠ»ΡŒ основан Π½Π° Π»Π΅Π³ΠΊΠΎΠΌ jQuery ΠΏΠ»Π°Π³ΠΈΠ½Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° устройствах с мСньшим Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ экрана Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ возмоТности:

  • Joomla 2.5.x β€” 3.x
  • Π’ΠΈΠΏ: Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅, Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½
  • Адаптация ΠΊ Π»ΡŽΠ±Ρ‹ΠΌ устройствам
  • Π΄ΠΎ 10 Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
  • Умная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° jQuery
  • Π’Ρ‹Π±ΠΎΡ€ вСрсии jQuery
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ²: Firefox, Chrome, Opera, IE8 +
  • Русская локализация

ДСмонстрация Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

 

 

 

ДСмонстрация:

 

Type horizontal:

  • Title Tabs1
  • Title Tabs2
  • Title Tabs3

Custom HTML-code

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

Type vertical:

  • Title Tabs1
  • Title Tabs2
  • Title Tabs3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Custom HTML-code

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

Type accordion:

  • Title Tabs1
  • Title Tabs2
  • Title Tabs3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Custom HTML-code

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

 

 

Бписок измСнСний:

v2.0 23/05/2020

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π° наш Twitter для бСсплатной Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

 

 

v1.27/01/2014

 

 

 

 

JoomShopping Download & Support

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… HTML-Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…

Π’ Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ³ΠΎ Π³ΠΎΠ΄Π° я Π±Ρ‹Π» Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ людСй Π²Π½ΡƒΡ‚Ρ€ΠΈ Open UI, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΡ…ΡΡ выяснСниСм Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ, доступный элСмСнт Π² HTML. ΠœΡ‹ ΠΊΠΎΠΌΠ°Π½Π΄Π° людСй с Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ; Π°Π²Ρ‚ΠΎΡ€Ρ‹ спСцификаций, поставщики Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ я. Open UI β€” это Π³Ρ€ΡƒΠΏΠΏΠ° сообщСства, поэтому тСхничСски ΠΌΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ HTML (ΠΏΠΎ ΡŽΡ€ΠΈΠ΄ΠΈΡ‡Π΅ΡΠΊΠΈΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ), Π½ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ исслСдованиС Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ W3C. Π― Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽ Open UI ΠΊΠ°ΠΊ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ΅ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ W3C с особым ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Π² области систСм проСктирования ΠΈ ΠΎΠ±Ρ‰ΠΈΡ… Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ².

Β« Tabvengers Β», ΠΊΠ°ΠΊ ΠΌΡ‹ извСстны, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ нСсколько ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ экспСримСнтов:

  • ИсслСдования, Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ мноТСство ΠΎΠ±Ρ‰ΠΈΡ… частСй ΠΈ особСнностСй Ρ‚Π°Π±ΡƒΠ»Π°Ρ‚ΡƒΡ€; ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ интСрфСйсов Π² ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Π΅ систСм проСктирования ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ
  • ИсслСдования, Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ распространСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ для Π²ΠΊΠ»Π°Π΄ΠΎΠΊ; сильно Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ ΠΎΡ‚ 5-элСмСнтных, 4-элСмСнтных, 3-элСмСнтных, 2-элСмСнтных ΠΈ 1-элСмСнтных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ
  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ элСмСнт, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚; ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΈ Π½Π°Ρ‡Π°Π»ΠΎ обсуТдСния

НашС исслСдованиС ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎ, Ρ‡Ρ‚ΠΎ сущСствуСт мноТСство Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² элСмСнтов управлСния Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ. БущСствуСт Ρ‚Π°ΠΊΠΆΠ΅ мноТСство Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΉ шаблонов Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, написанныС для ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм, Π²ΠΈΠ΄Π΅ΠΎΠΈΠ³Ρ€, jQuery, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² React ΠΈ Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ². Но ΠΌΡ‹ Π΄ΡƒΠΌΠ°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ вскипятили этот ΠΎΠΊΠ΅Π°Π½ ΠΈ ΠΏΡ€ΠΈΡˆΠ»ΠΈ ΠΊ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎΠΌΡƒ консСнсусу ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ элСмСнтом … ΠΈ это Π½Π΅ !!!

Π― ΠΏΠΎΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΎΠ±ΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ эту ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ, Π½ΠΎ я сдСлал для вас Π²Π΅Ρ€ΡΠΈΡŽ ΠΌΠ΅ΠΌΠ° с галактичСским ΠΌΠΎΠ·Π³ΠΎΠΌ, Ссли это слишком Π΄Π»ΠΈΠ½Π½ΠΎ ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ скучно.

По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΈ рассматривали Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π½Π° Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΌΡ‹ Π½Π°Ρ‡Π°Π»ΠΈ ΠΊΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎ Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ HTML ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ прСдставляСт собой Π½Π΅Ρ‡Ρ‚ΠΎ большСС, Ρ‡Π΅ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 1:1 Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π² руководствС ΠΏΠΎ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ARIA. Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ вас ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ элСмСнт Π½Π° Ρ€ΠΎΠ»ΡŒ ARIA. Π§Ρ‚ΠΎ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ, ΠΏΠΎΠΊΠ° Π²Ρ‹ Π½Π΅ рассмотритС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прилоТСния Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠΈΡ€Π°.

Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния доступности ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ сСмантичСски Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ отличаСтся ΠΎΡ‚ <Π²ΠΊΠ»Π°Π΄ΠΊΠΈ> ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅. Они ΠΎΠ±Π° ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·Π΄Π΅Π» ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π·Π° Ρ€Π°Π· (Π΄Π°ΠΆΠ΅ доступныС привязки ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹). На самом Π΄Π΅Π»Π΅, с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠΌ Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΠΊΠ½Π°Ρ… просмотра являСтся распространСнным шаблоном. Часто Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° Π½Π΅ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰Π°ΡΡΡ, СстСствСнно плавная Ρ‚Ρ€ΡƒΠ±ΠΊΠ° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π° Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΡΠΎΠ³Π»Π°ΡˆΠ°Π΅Ρ‚Π΅ΡΡŒ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠΎΠ³Π΄Π° мСсто доступно. Π˜Ρ‚Π°ΠΊβ€¦ Ρ‡Ρ‚ΠΎ, Ссли Π±Ρ‹ ΠΎΠ΄ΠΈΠ½ элСмСнт ΠΌΠΎΠ³ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ всС эти ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ сразу?

БущСствуСт Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… HTML-элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ элСмСнт. Нам Π½ΡƒΠΆΠ΅Π½ Π±Ρ‹Π» язык для описания ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ, ΠΈ ΠΌΡ‹ сошлись Π½Π° ΠΈΠ΄Π΅Π΅, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π‘Ρ€Π°ΠΉΠ°Π½ ΠšΠ°Ρ€Π΄Π΅Π»Π» Π½Π°Π·Π²Π°Π» «возмоТностями Π΄ΠΈΠ·Π°ΠΉΠ½Π°Β». Β«ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½ΠΈΠ΅ возмоТностСй» β€” это ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π²ΡƒΠΊΠΎΠ²ΠΎΠ΅ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. И ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ содСрТаниС ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… аффордансах. я ΡΡ€Π°Π²Π½ΠΈΠ²Π°ΡŽ с Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ стСпСни, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ‚ΠΈΠΏΠ° Π²Π²ΠΎΠ΄Π° ΠΈΠ½ΠΎΠ³Π΄Π° мСняСт Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΈ слуховоС восприятиС Π²Π²ΠΎΠ΄Π°, Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ это выполняСт Ρ‚Ρƒ ΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ: сбор Π²Π²ΠΎΠ΄Π°. Π”Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ скромная полоса ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Π² HTML Π½Π΅Ρ‚ элСмСнта , ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ этот ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ ΠΈΠ»ΠΈ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ.

Для дальнСйшСго тСстирования этой ΠΈΠ΄Π΅ΠΈ аффордансов ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΡˆΠ»ΠΈ ΠΊ этапу прототипирования ΠΈ создали Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°Π·Π²Π°Π»ΠΈ 9.0003 <острыС Ρ€Π°Π·Π΄Π΅Π»Ρ‹> .

ВстрСчайтС

<острыС Ρ€Π°Π·Π΄Π΅Π»Ρ‹>

Π‘ΠΌ. ΠΏΠ΅Ρ€ΠΎ острыС Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Π‘Ρ€Π°ΠΉΠ°Π½Π° ΠšΠ°Ρ€Π΄Π΅Π»Π»Π° (@bkardell) Π½Π° КодПСнС.

  • ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° Github
  • Π€ΠΎΡ€ΠΊ Π½Π° CodePen

Spicy Sections β€” это наша ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ° ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с этой ΠΈΠ΄Π΅Π΅ΠΉ дизайнСрских возмоТностСй. Π‘ΡƒΡ‚ΡŒ ΠΈΠ΄Π΅ΠΈ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²ΠΎΠΊΡ€ΡƒΠ³ Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅ΡΡ‚ΡŒ элСмСнт-ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠ°. ΠœΡ‹ Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ с ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ Ρ‚ΡŽΠ±ΠΈΠΊΠ° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° с + структурированная Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ°. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ постСпСнно ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ΡΡ Π΄ΠΎ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ уровня ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ΡΡ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Π° содСрТимоС ΠΌΠ΅ΠΆΠ΄Ρƒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ помСщаСтся Π² ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

 <острыС Ρ€Π°Π·Π΄Π΅Π»Ρ‹>
   

Мой ΠΊΡ€ΡƒΡ‚ΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π»

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ находится здСсь

Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΌΠΎΠΉ сворачиваСмый Ρ€Π°Π·Π΄Π΅Π»

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ здСсь

Π—Π°Ρ‚Π΅ΠΌ Π² CSS Π²Ρ‹ опрСдСляСтС, ΠΊΠ°ΠΊΠΈΠ΅ возмоТности ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π³Π΄Π΅:

 острыС Ρ€Π°Π·Π΄Π΅Π»Ρ‹ {
  --const-mq-возмоТности:
    [экран ΠΈ (макс. ΡˆΠΈΡ€ΠΈΠ½Π°: 40em)] ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ |
    [экран ΠΈ (минимальная ΡˆΠΈΡ€ΠΈΠ½Π°: 60em)] панСль Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
  ;
}
 

Π­Ρ‚ΠΎΡ‚ синтаксис Π½Π΅ являСтся ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Π½ΠΎ, надСюсь, Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ мСдиазапрос (ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π½Ρ‹ΠΉ запрос?) ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ. ΠŸΡ€ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ ΠΌΠ΅Π½Π΅Π΅ 40em ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ схлопываСтся Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. ΠŸΡ€ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Π±ΠΎΠ»Π΅Π΅ 60em содСрТимоС прСдставляСтся Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠœΠ΅ΠΆΠ΄Ρƒ 40em ΠΈ 60em Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ структурированный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ части, ΠΊΠ°ΠΊ панСль Π²ΠΊΠ»Π°Π΄ΠΎΠΊ , ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Shadow Parts. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ±ΠΈΠ²Π°Ρ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ, Ссли Π²Ρ‹ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅Ρ‚Π΅ΡΡŒ ΠΊ ΡΡ‚ΠΈΠ»ΡŽ Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°, Π½ΠΎ я ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ», Ρ‡Ρ‚ΠΎ ΠΎΠ½ довольно унивСрсалСн.

Π’ цСлях экспСримСнта я Π²Ρ‹Ρ€Π΅Π·Π°Π» Β«ΠΎΡΡ‚Ρ€ΡƒΡŽΒ» Π²Π΅Ρ€ΡΠΈΡŽ своСй ΠΊΠ½ΠΈΠΆΠ½ΠΎΠΉ ΠΏΠΎΠ»ΠΊΠΈ, которая ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π³ΠΎΠ΄ складываСтся Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ панСль Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. Π’ мобильной вСрсии Π³ΠΎΠ΄Ρ‹ ΡΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ исходный ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΈ стили.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ мою ΠΏΡ€ΡΠ½ΡƒΡŽ ΠΊΠ½ΠΈΠΆΠ½ΡƒΡŽ ΠΏΠΎΠ»ΠΊΡƒ

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ ΠΊ структурС оглавлСния

МногиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π² стилС «оглавлСния»:

 
  Π’ΠΊΠ»Π°Π΄ΠΊΠ° 1
  Π’ΠΊΠ»Π°Π΄ΠΊΠ° 2
  Π’ΠΊΠ»Π°Π΄ΠΊΠ° 3
  это панСль
  это панСль
  это панСль

 

Π­Ρ‚ΠΎ допустимый ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, ΠΈ Π½Π° самом Π΄Π΅Π»Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ руководство ARIA Authoring Practices, ΠΈ это Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ использовали историчСски популярныС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ jQuery UI. На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Π΅ΡΡ‚ΡŒ ΠΏΠ°Ρ€Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния прогрСссивного ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ, Ссли JavaScript Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ ΡΠΌΠΎΠ½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ старый Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ попытался Π΅Π³ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ, Ρ‚Ρ€ΠΈ 9Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ 0003 tab вСрнутся ΠΊ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°ΡŽΡ‚. Π£ Π½ΠΈΡ… Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ контСкста, ΠΈ панСль ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° потСряСт свою ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΡƒ. Π’Π°ΠΊΠΆΠ΅ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ возмоТности ΠΈΠ· этой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. По сути, Π²Π°ΠΌ придСтся ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΡ€ΠΎΠ²Π½ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ Ρ‚Ρ€ΡƒΠ±ΠΊΡƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΠ»ΠΈ ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ с уровнями Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π­Ρ‚ΠΎΡ‚ шаблон Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ссли Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

НСкоторыС прСимущСства одноэлСмСнтного ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π°

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ HTML ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π΄Π²ΡƒΡ… Π·Π°ΠΉΡ†Π΅Π² ΠΎΠ΄Π½ΠΈΠΌ выстрСлом. ΠœΡ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΠΈ элСмСнт управлСния Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ элСмСнта. На самом Π΄Π΅Π»Π΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ элСмСнт ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ бСсконСчныС аффордансы. ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ ΡƒΠ±ΠΈΠΉΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ прогрСссивного ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ. И ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ элСмСнт ΠΏΡ€ΠΎΡ‰Π΅, Ρ‡Π΅ΠΌ ΠΏΡΡ‚ΡŒ? Π― Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅ знаю, ΠΏΡ€Π°Π²Π΄Π° Π»ΠΈ это.

Как Π½ΠΈ странно, этот ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π½Π΅ слишком отличаСтся ΠΎΡ‚ ΠΈΠ΄Π΅ΠΈ Π―Π½Π° Π₯иксона ΠΈΠ· 2004 Π³ΠΎΠ΄Π°. Π― Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΏΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΏΡ€ΠΎΠ²Π΅Π»ΠΈ послСдниС 17 Π»Π΅Ρ‚ Π±Π΅Π· Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ HTML, проклиная Π½Π΅Π±ΠΎ, подводя Π½Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ Π·Π°Π½ΠΎΠ²ΠΎ изобрСтая колСсо. Но, ΡƒΠ²Ρ‹, ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ.

Дэйв, Дэйв, это Π½Π΅ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ мою ΡΡ‚Ρ€Π°Π½Π½ΡƒΡŽ ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρ‚Ρ‹ наТимаСшь Π½Π° ΠΏΡ€Π΅Π΄ΠΏΠΎΡΠ»Π΅Π΄Π½ΡŽΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, ΠΈ ΠΎΠ½Π° Π·Π²ΠΎΠ½ΠΈΡ‚ ΠΌΠΎΠ΅ΠΉ Π±Π°Π±ΡƒΡˆΠΊΠ΅.

ΠŸΠΎΠ·Π΄Ρ€Π°Π²Π»ΡΠ΅ΠΌ, Π²Π°ΠΌ большС Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС настраиваСмыС элСмСнты управлСния Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ!

На самом Π΄Π΅Π»Π΅, я Π½Π΅ Ρ…ΠΎΡ‡Ρƒ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Π½ΠΎ Π±Ρ‹Π²Π°ΡŽΡ‚ ситуации, ΠΊΠΎΠ³Π΄Π° стандартноС ΠΈΠ»ΠΈ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π΅ соотвСтствуСт вашим потрСбностям. ΠœΡ‹ надССмся, Ρ‡Ρ‚ΠΎ смоТСм ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ, ΠΈΠ»ΠΈ Google Docs, ΠΈΠ»ΠΈ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ Π΅Ρ‰Π΅. Но Ссли какая-Ρ‚ΠΎ ваТная функция отсутствуСт, сообщитС Π½Π°ΠΌ ΠΎΠ± этом.

Π§Ρ‚ΠΎ дальшС для Π’Π°Π±Π²Π΅Π½Π³Π΅Ρ€ΠΎΠ²?

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Open UI, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, ΠΊΠ°ΠΊ ΠΌΡ‹ надССмся, ΠΏΠΎΠ΄ΠΏΠΈΡˆΠ΅Ρ‚ идСю, Π° Π·Π°Ρ‚Π΅ΠΌ Π² Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ HTML, CSS ΠΈ ARIA. Но ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ это сдСлаСм, Π½Π°ΠΌ нуТно…

  • ВСст с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ β€” Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Ρ‚Ρ‹! Но я Ρ‚Π°ΠΊΠΆΠ΅ обратился ΠΊ Π΄Ρ€ΡƒΠ·ΡŒΡΠΌ ΠΈΠ· ВСхасской ΡˆΠΊΠΎΠ»Ρ‹ для слСпых ΠΈ слабовидящих (TSBVI) с ΠΏΡ€ΠΎΡΡŒΠ±ΠΎΠΉ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π² ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ контроля качСства. НадСюсь, ΠΌΡ‹ смоТСм Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ Π²ΠΏΠ΅Ρ€Π΅Π΄ с ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ это ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ потрСбностям людСй, Π° Π² случаС с TSBVI это часто люди со слоТной ΠΈΠ½Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒΡŽ.
  • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² β€” ΠœΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΎΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², ΠΈ это ΠΎΠ±Π½Π°Π΄Π΅ΠΆΠΈΠ²Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ, ΠΊΡ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅ возраТаСт… Π½ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ большС ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². НС ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Spicy Sections ΠΈ Π΄Π°ΠΉΡ‚Π΅ Π½Π°ΠΌ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ Π³Π΄Π΅-Ρ‚ΠΎ, Π΄Π°ΠΉΡ‚Π΅ Π½Π°ΠΌ Π·Π½Π°Ρ‚ΡŒ, ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ это.
  • ИмСнованиС β€” Имя Π½Π΅ являСтся ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Они ΠΎΡ‚ΠΊΠ»ΠΎΠ½ΠΈΠ»ΠΈ ΠΌΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ MightyMorphinElement . ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ» Π½Π°ΠΌ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ бСсконСчного ΠΎΡ‚ΠΊΠ°Π·Π° ΠΎΡ‚ вСлосипСдов, ΠΈ ΠΎΠ½ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ пытаСмся ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. ΠžΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ имя ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π² этом Ρ€ΠΎΠ΄Π΅, Π½ΠΎ, чСстно говоря, я Π½Π΅ знаю, ΠΈ ΠΌΠ½Π΅ всС Ρ€Π°Π²Π½ΠΎ, хотя я ΠΈ привязан ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ. Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ всС Π½Π° 100% сосрСдоточСны Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ, Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ.
  • ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΠΈ? β€” Π― ΡΡ‡ΠΈΡ‚Π°ΡŽ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ сигналом Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π³Ρ€ΡƒΠΏΠΏΠ° ARIA обсуТдала Π½ΠΎΠ²Ρ‹ΠΉ role="carousel" , ΠΈ сотрудники Apple Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π»ΠΈ ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π΄ΠΎ Open UI, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΠΎΠ΄Ρ…Π²Π°Ρ‚ΠΈΠ»ΠΈ Ρ‚Π°Π±Π²Π΅Π½Π³Π΅Ρ€Ρ‹. ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΠΈβ€¦ ΡƒΡ…Ρ…Ρ…, Π½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ, Π΅ΡΡ‚ΡŒ шанс ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΌ Π½Π΅ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π·Π°ΡΠΎΡ€ΡΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΏΠ»ΠΎΡ…ΠΈΠΌΠΈ. πŸ€·β€β™‚οΈ

Если Π²Ρ‹ дошли Π΄ΠΎ этого мСста, спасибо Π·Π° Ρ‡Ρ‚Π΅Π½ΠΈΠ΅! Если это добСрСтся Π΄ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, это Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. ΠšΡ‚ΠΎ Π·Π½Π°Π΅Ρ‚. Но я Ρ‚ΠΎΡ‡Π½ΠΎ знаю, Ρ‡Ρ‚ΠΎ БЕЙЧАБ настало врСмя для ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи. ΠΏΠΎΠ»Π΅Π·Π½ΠΎ? Если ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΡƒΠ΅ΠΌ Π΅Π³ΠΎ Π² ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π°Π²Ρ‚Ρ€Π°, ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ Π»ΠΈ ΠΎΠ½ ваши потрСбности? НС ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…? Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ Π² настоящСС врСмя? Π•ΡΡ‚ΡŒ Π»ΠΈ стилистичСскиС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹? ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, сообщитС Π½Π°ΠΌ Π»ΠΈΠ±ΠΎ Π½Π° GitHub, Π»ΠΈΠ±ΠΎ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΈ Π»ΠΈΡ‡Π½Ρ‹Π΅ сообщСния ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹.

Бпасибо Π‘Ρ€Π°ΠΉΠ°Π½Ρƒ ΠšΠ°Ρ€Π΄Π΅Π»Π»Ρƒ Π·Π° Ρ€Π΅Ρ†Π΅Π½Π·ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠ° этого поста.

Π²ΠΊΠ»Π°Π΄ΠΎΠΊ β€” Mozilla | MDN

ВзаимодСйствиС с систСмой Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: ΠŸΡ€ΠΈ использовании Manifest V3 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ·Π΄Π½Π΅ΠΉ вСрсии ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ выполнСния сцСнариСв, вставки CSS ΠΈ удалСния CSS ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ scripting API с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² scripting.executeScript() , scripting.insertCSS() ΠΈ scripting.removeCSS() .

Π­Ρ‚ΠΎΡ‚ API ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для получСния списка ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΎΡ‚Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ критСриям, Π° Ρ‚Π°ΠΊΠΆΠ΅ для открытия, обновлСния, пСрСмСщСния, ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ удалСния Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. Π’Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ содСрТимому, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠΌΡƒ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого API, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ JavaScript ΠΈ CSS Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ API tabs.executeScript() ΠΈΠ»ΠΈ tabs.insertCSS() .

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ этого API Π±Π΅Π· ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Однако:

  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ Tab.url , Tab.title ΠΈ Tab.favIconUrl (ΠΈΠ»ΠΈ для Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΏΠΎ этим свойствам Ρ‡Π΅Ρ€Π΅Π· tabs.query() ), Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ "Π²ΠΊΠ»Π°Π΄ΠΊΠΈ " Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ хоста, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Tab.url .
    • Доступ ΠΊ этим свойствам с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ хоста поддСрТиваСтся, начиная с Firefox 86 ΠΈ Chrome 50. Π’ Firefox 85 ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π½Π½ΠΈΡ… вСрсиях вмСсто этого Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Β«Π²ΠΊΠ»Π°Π΄ΠΊΠΈΒ».
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ tabs.executeScript() ΠΈΠ»ΠΈ tabs.insertCSS() , Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ хоста для Π²ΠΊΠ»Π°Π΄ΠΊΠΈ

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ эти Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° явноС дСйствиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, запросив Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ "activeTab" .

МногиС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ с Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ с ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠΌ . Tab id Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ для ΠΎΠ΄Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… сСанса Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Если Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ, Ρ‚ΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ с. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ с Π²ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΏΡ€ΠΈ пСрСзапускС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ session.setTabValue() .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.MutedInfoReason

Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π±Ρ‹Π»Π° ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΈΠ»ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π°.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.MutedInfo

Π­Ρ‚ΠΎΡ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ содСрТит логичСскоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅, ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π° Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠ°, ΠΈ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ послСднСго измСнСния состояния.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.PageSettings

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для управлСния Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ tabs.saveAsPDF() .

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ. Π’ΠΊΠ»Π°Π΄ΠΊΠ°

Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.TabStatus

Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π° Π»ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. WindowType

Π’ΠΈΠΏ ΠΎΠΊΠ½Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ находится эта Π²ΠΊΠ»Π°Π΄ΠΊΠ°.

902:30
Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. ZoomSettingsMode

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚, ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π»ΠΈ измСнСния ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. ZoomSettingsScope

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚, Π±ΡƒΠ΄ΡƒΡ‚ Π»ΠΈ измСнСния ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒΡΡ для исходной страницы ΠΈΠ»ΠΈ вступят Π² силу Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° этой Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ZoomSettings

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ настройки ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Ρ€Π΅ΠΆΠΈΠΌ , ΠΌΠ°ΡΡˆΡ‚Π°Π± ΠΈ коэффициСнт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.TAB_ID_NONE

Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°, присваиваСмоС Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‰ΠΈΠΌΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ Π² ΠΎΠΊΠ½Π°Ρ… инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ).

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.captureTab()

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ URL-адрСс Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΠ΄ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ области Π΄Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.captureVisibleTab()

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ URL-адрСс Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΠ΄ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ области Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.connect()

УстанавливаСт соСдинСниС для ΠΎΠ±ΠΌΠ΅Π½Π° сообщСниями ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌΠΈ сцСнариями Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ (ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΈΠ²ΠΈΠ»Π΅Π³ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ сцСнариями, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ сцСнарии Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΠΊΠΎΠ½ ΠΈΠ»ΠΈ сцСнариСв страницы ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²) ΠΈ Π»ΡŽΠ±Ρ‹ΠΌΠΈ сцСнариями содСрТимого, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΌΠΈ Π½Π° ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ()

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π½ΠΎΠ²ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.detectLanguage()

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ основной язык содСрТимого Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.discard()

ΠžΡ‚Π±Ρ€Π°ΡΡ‹Π²Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

tabs.duplicate()

Π”ΡƒΠ±Π»ΠΈΡ€ΡƒΠ΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

tabs. executeScript() (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ манифСст V2)

ВнСдряСт ΠΊΠΎΠ΄ JavaScript Π½Π° страницу.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.get()

Π˜Π·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ свСдСния ΠΎΠ± ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.getAllInWindow() Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ свСдСния ΠΎΠ±ΠΎ всСх Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.getCurrent()

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ выполняСтся этот скрипт, Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° tabs.Tab .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.getSelected() Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, Π²Ρ‹Π±Ρ€Π°Π½Π½ΡƒΡŽ Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅. УстарСло: вмСсто этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ tabs.query({active: true}) .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.getZoom()

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ коэффициСнт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.getZoomSettings()

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ настройки ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ для ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.goForward()

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницС, Ссли ΠΎΠ½Π° доступна.

902:30
Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.goBack()

Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ страницу, Ссли ΠΎΠ½Π° доступна.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ΡΠΊΡ€Ρ‹Ρ‚ΡŒ() Π­ΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ

Π‘ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅()

ВыдСляСт ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

tabs.insertCSS() (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ манифСст V2)

ВнСдряСт CSS Π½Π° страницу.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.move()

ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° Π½ΠΎΠ²ΠΎΠ΅ мСсто Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΎΠΊΠ½Π΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.moveInSuccession()

Π˜Π·ΠΌΠ΅Π½ΡΠ΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ для Π³Ρ€ΡƒΠΏΠΏΡ‹ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.print()

РаспСчатываСт содСрТимоС Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.printPreview()

ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ для Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.запрос()

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ всС Π²ΠΊΠ»Π°Π΄ΠΊΠΈ с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ свойствами ΠΈΠ»ΠΈ всС Π²ΠΊΠ»Π°Π΄ΠΊΠΈ, Ссли свойства Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½Ρ‹.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ()

ΠŸΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, ΠΏΡ€ΠΈ нСобходимости минуя Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-кСш.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ()

Π—Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.

tabs.removeCSS() (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ манифСст V2)

УдаляСт со страницы CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π½Π΅Π΅ Π±Ρ‹Π» Π²Π²Π΅Π΄Π΅Π½ Π²Ρ‹Π·ΠΎΠ²ΠΎΠΌ tabs. insertCSS() .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.saveAsPDF()

БохраняСт Ρ‚Π΅ΠΊΡƒΡ‰ΡƒΡŽ страницу Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.sendMessage()

ΠžΡ‚ΠΏΡ€Π°Π²Π»ΡΠ΅Ρ‚ ΠΎΠ΄Π½ΠΎ сообщСниС ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ содСрТимого Π½Π° ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.sendRequest() Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

ΠžΡ‚ΠΏΡ€Π°Π²Π»ΡΠ΅Ρ‚ ΠΎΠ΄ΠΈΠ½ запрос ΠΊ ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ содСрТимого Π½Π° ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅. УстарСло : вмСсто этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ tabs.sendMessage() .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.setZoom()

ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½Π½ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.setZoomSettings()

Π—Π°Π΄Π°Π΅Ρ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ для ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.show() Π­ΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ

ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ΄Π½Ρƒ ΠΈΠ»ΠΈ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ скрыты .

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.toggleReaderMode()

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ€Π΅ΠΆΠΈΠΌ чтСния для ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅()

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΏΠΎ Π½ΠΎΠ²ΠΎΠΌΡƒ URL-адрСсу ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ свойства Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.warmup()

ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ отслСТиваниС ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onActivated

Π‘Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ URL-адрСс Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ установлСн Π²ΠΎ врСмя запуска этого события.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onActiveChanged Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

Π‘Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅. УстарСло: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ tabs.onActivated вмСсто этого.

tabs. onAttached

Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π° ΠΊ ΠΎΠΊΠ½Ρƒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π±Ρ‹Π»Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠΊΠ½Π°ΠΌΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onCreated

ЗапускаСтся ΠΏΡ€ΠΈ создании Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ URL-адрСс Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ установлСн Π²ΠΎ врСмя запуска этого события.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ

ЗапускаСтся, ΠΊΠΎΠ³Π΄Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° отсоСдиняСтся ΠΎΡ‚ ΠΎΠΊΠ½Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° пСрСмСщаСтся ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠΊΠ½Π°ΠΌΠΈ.

902:30
Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onHighlightChanged Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

ЗапускаСтся, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ. УстарСло: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ tabs.onHighlighted вмСсто этого.

tabs.onHighlighted

ЗапускаСтся, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ.

tabs.onMoved

ЗапускаСтся ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅.

tabs.onRemoved

Π‘Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ.Π½Π° Π—Π°ΠΌΠ΅Π½Π΅Π½Ρ‹

Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° замСняСтся Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΈΠ·-Π·Π° ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π°.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onSelectionChanged Π£ΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ

Π‘Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅. УстарСло: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ tabs.onActivated вмСсто этого.

tabs.onUpdated

ЗапускаСтся ΠΏΡ€ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.onZoomChange

Π‘Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π’Π°Π±Π»ΠΈΡ†Ρ‹ BCD Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

с Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ JavaScript.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *