К постам Опубликовано: 2016-11-13

Как создать текст-поиск закладок с помощью JavaScript

Букмарклеты JavaScript-приложений, которые могут быть доступны в качестве закладки браузера. Они используются, чтобы позволить пользователям выполнять различные действия на веб-страницах. Например, этот букмарклет на FontShop для просмотра веб-шрифты FontShop на любой веб-странице. 100+ Полезных Букмарклетов Для Улучшения Производительности | Окончательный Список

Окончательный Список В двух словах, букмарклеты-это небольшие маленькие приложения, которые вы можете разместить в панель закладок браузера, и каждый из них...подробнее В этой статье, мы собираемся, чтобы увидеть, как быстро и легко состряпать букмарклет, создавая одну, которая выполняет Wikiwand (лучше-смотрим Википедию) искать выделенный текст на любой веб-странице. Как букмарклеты работают Адрес букмарклет использует JavaScript: протокол, указывает, что она состоит из кода JavaScript.

При нажатии на букмарклет, вы можете использовать JavaScript на веб-странице, и выполнить такие задачи, как изменение вида страницы, перенаправление на другую страницу, или показывать новую информацию о нем. С закладки, по сути, являются наборами JavaScript код, они легко создаются с небольшим JavaScript знания, либо для личного пользования или для предлагая своим пользователям, такие как WordPress делает пресс этот букмарклет. Переблог контент с других сайтов, использующих “нажмите это” Букмарклет

Переблог контент с других сайтов, использующих “нажмите это” Букмарклет Среди всех функций в WordPress, пресс это, вероятно, может быть одним из наименее известных. Начало работы с JavaScript-код Структура URL-адреса Wikiwand использует для англоязычной статье https://www.wikiwand.com/en/articleTitle. Нужно написать скрипт, который переходит на страницу Wikiwand из URL, который заканчивается строкой пользователь просто некоторые — выделенный текст будет нужно поставить на место подход. Во-первых, мы достать текст, который пользователь выбрал на страницу со следующим кодом: getSelection().метод tostring() Мы должны привести объект, возвращенный getSelection() как строку с помощью метода tostring (), чтобы сделать его выход выделенного текста.

Далее нам нужно выполнить посещении страницы статьи Wikiwand. Мы достигаем этого, используя следующую логику, где newURL будет URL страницы статьи Wikiwand (который будет содержать выбранную строку в конце): расположение.с href = newURL Когда мы поместим эти два фрагмента кода вместе, мы в конечном итоге с помощью следующего сценария: расположение.с href= 'https://www.wikiwand.com/en/'+getSelection().метод tostring() Теперь нам нужно только добавить код JavaScript: протокол на фронт, и у нас есть код, который мы будем использовать в нашем букмарклет:

// Добавить в одну строку без переносов строк на JavaScript:расположение.с href= 'https://www.wikiwand.com/en/' +getSelection().метод tostring().заменить(/\п/г,'%20') Факультативный заменить(/\п/г,'%20') в конце заменяет любой символ новой строки (\N) в текст с помощью одного пробела (%20). JavaScript-код готов. Обратите внимание, что код нужно разместить в одну строку без разрывов, так как позже он будет добавлен в поле ввода текста. Создать закладку Откройте окно "закладки" вашего браузера, а также добавление новой закладки: В Firefox: нажмите сочетание клавиш Ctrl + сдвиг + Б / КМД + шифт + Б, нажмите правой кнопкой мыши на "панели закладок" и выберите "Новая закладка". Хром: нажимаем Ctrl + Shift + о / цмд + АЛТ + Б, нажмите правой кнопкой мыши на "панель закладок" и выберите "Добавить страницу...и quot. В поле URL скопируйте и вставьте код JavaScript от и до. После того как закладка создана, она готова к использованию; откройте любую веб-страницу, выберите слово, которое вы хотите найти в Wikiwand, и нажмите на букмарклет — страница статьи Wikiwand откроется сразу.

Быстрый Доступ А не тянется за меню закладки каждый раз, когда вам нужно букмарклет, вы можете выбрать, чтобы отобразить его непосредственно в вашем браузере для быстрого доступа. Firefox: нажмите "вид" > "панели инструментов" в верхней панели меню и выберите "панель закладок". Хром: нажмите сочетание клавиш Ctrl + шифт + Б / КМД + шифт + Б. Создать ссылку букмарклета Вы можете добавить ваш букмарклет на сайте в виде гиперссылки, а также, что посетители могут закладки, либо просто перетащив эту ссылку на панель закладок, или нажав правую кнопку мыши на ссылке и выбрав опцию добавить ее в закладки. Чтобы превратить ваш букмарклет в гиперссылку, создать в HTML-тег со скриптом букмарклет как значение его атрибута href: <а href="javascript для:удобного расположения.с href= 'https://www.wikiwand.com/en/' +getSelection().метод tostring().заменить(/\п/г,'%20')"> Wikiwand Поиск Букмарклет

Как хранить букмарклеты отдельно Вы можете также использовать отдельный файл JavaScript, чтобы сохранить скопированный код букмарклета, который, наверное, не обязательно, если у вас есть короткий скрипт — как мы только что видели в этом учебнике, — но может пригодиться, когда JavaScript-код слишком длинный, чтобы скопировать-вставить его на панель закладок вашего браузера. В myscript.js файл будет основной код JavaScript букмарклет, и вы должны добавить следующий код в качестве закладки, URL-адрес (либо в браузере панель закладок, или в качестве значения атрибута href в HTML-файле): // Добавить в одну строку без переносов строк на JavaScript:(()=>{ с(документ){ пусть s=метод createelement('скрипт'); с. в src='myscript.js'; голову.метода appendchild(ы)} })(); Приведенном выше фрагменте к