Верхняя панель инструментов Javascript

Question

Я хочу реализовать панель инструментов (возможно, с javascript), которая будет отображаться в верхней части любого сайта. Итак, предположим, я зайду на google.com, я хочу, чтобы в верхней части главной страницы отображалась моя панель инструментов. Есть ли у вас какие-либо идеи о том, как это можно реализовать для работы в любом браузере?

Я новичок в этой области. Можете ли вы дать мне пример того, как это можно сделать?

Спасибо

Answer 1

Вы не можете сделать это без написания плагина для браузера.Для этого вам нужно будет создать специальные плагины для браузера.

Answer 2

Javascript не является обязательным для привязки панели инструментов к верхней части страницы ... просто примените немного CSS к элементу-оболочке панели инструментов, например, так:

#toolbar_wrapper {
  position: static;
  top: 0px; 
  left: 0px; /* assuming your toolbar starts at the left edge of the window */
}

Однако именно то, что вы естьСказать, что вы хотите выполнить, означает, что ваша собственная панель инструментов появляется в вашем браузере независимо от того, какой домен вы просматриваете.Правильный способ - закодировать его как плагин / надстройку браузера, но вы можете просто загрузить свой контент в IFRAME или DIV.Поместите текстовое поле «Адрес» в свою панель инструментов, где вы будете вводить свои URL, а затем используйте Javascript для загрузки этого URL в IFRAME или DIV.Обратите внимание, что вы никогда не сможете просматривать, используя адресную строку браузера, используя этот подход, и вы потеряете много функций в браузере и на посещаемых веб-сайтах.Поступив таким образом, вы получите в лучшем случае иллюзию иллюзии реализации браузера.

Answer 3

Если вы не планируете упаковать это как расширение / плагин для браузера (например, для Chrome, Firefox или Safari), вы, несомненно, столкнетесь с проблемами безопасности межсайтового скриптинга, если попытаетесь запустить JavaScript на странице другого домена (если вы не планируете, чтобы другие владельцы сайта также добровольно включили ваш скрипт в свои страницы; в этом случае проигнорируйте этот ответ).

Вы всегда можете перейти к старой школе и создать верхний «фрейм», запустив сторонний контент внутри нижнего фрейма, но верхняя панель навигации не сможет взаимодействовать с этим контентом, независимо от этого.