Сделать загрузку веб-панели инструментов на любой веб-странице

Question

Я создал панель инструментов в формате html, которая должна быть в состоянии загрузить любую данную веб-страницу;Я подумываю о том, чтобы загрузить его на странице с помощью букмарклета, но я не могу понять, как мне это сделать.

Пример того, что должно произойти, следующий:,

Я перехожу на любую веб-страницу в Интернете, нажимаю на закладку для моей панели инструментов, и она появляется в нижней части страницы, не затрагивая содержимое на странице, она остается неизменной даже при прокрутке.

Я добавил изображение того, как будет выглядеть панель инструментов, какие-либо предложения о том, как реализовать необходимые функции?

http://d.pr/bVeM

Большое спасибо

Answer 1

Создайте файл сценария, который вы можете разместить где-нибудь (если это только для вас, вы можете использовать localhost).В этом сценарии построить панель инструментов.Ваш букмарклет будет выглядеть примерно так:

javascript: document.body.appendChild(document.createElement("script"))
    .src = "http://myserver/myscript.js"; void 0;

Он оборачивается здесь для удобства чтения.Он не будет добавлен в ваш букмарклет.

javascript: сообщает браузеру, что вы выполняете скрипт.void 0 в конце не позволяет странице перейти к возвращаемому значению JavaScript.

Answer 2

Что вам нужно будет сделать, это использовать CSS, чтобы держать его внизу. По сути, вы вставляете html-код панели инструментов в тег <div>, а затем используете CSS, чтобы держать его внизу. Попробуйте прочитать эту ссылку или эту ссылку о том, как это сделать