Мне интересно узнать, может ли кто-нибудь поделиться ссылкой/учебником о том, как создать букмарклет, такой как pinterest или snatchly, который может обрывать изображения.Как создать букмарклет, подобный pinterest/snatchly, который может обрезать изображения
Благодаря Jon
Букмарклетов обычно начинаются с javascript: и яваскриптом выражением после этого. Сначала вы можете проверить свой код javascript, запустив его в Google Chrome Web Inspector, а затем скомпилируйте его, используя некоторые утилиты сжатия javascript, с помощью href, равного javascript:alert("You%20code%20after%20:");
Убедитесь, что код URL-кода кодирован до его размещения. в якорной теге.
Что касается тянущих изображений вы можете назвать это яваскрипт и получить все изображения на веб-странице document.getElementsByTagName('img')
Попробуйте это в своем браузере. В палитре url вставьте это и нажмите enter javascript: alert («Hello% 20World»); –
Отвечает ли это на вопрос? –
Чтобы сделать еще один шаг ребенка за пределы ответа Encore ПТЛ, в следующий скрипт создает дубликат 4 изображения, загруженной в браузере на любой данной странице:
javascript:var%20e=document.createElement('img');var%20n=document.getElementsByTagName('img')[3].src;e.setAttribute('src',n);document.body.appendChild(e);
Примечание: Мы должны использовать «% 20» для любых пробелов.
Я не уверен, как сделать все красивые вещи Pinterest делает их наложения - это выглядит как их букмарклет вызовы сценария:
http://assets.pinterest.com/js/pinmarklet.js?r='somenumber'
Их сервер отправляет обратно более сложный сценарий, который строит модальное окно с CSS, хранящееся в его объекте «rules». Избавление от правил:
background: transparent; top:0; right:0; bottom:0; left:0; width: 100%; border: 0;
Я опубликовал статью, описывающую, как создать эти вид закладки в шагах.
Вы можете проверить его здесь: http://jszen.com/how-to-make-pinterest-like-bookmarklet-pin-it.3.html
Ваш комментарий не помогает вообще. Большинство кодов букмарклов веб-сайтов скомпилированы, поэтому читать их сложнее. К счастью, я нашел веб-сайт, который действительно помогает мне начать: http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/# - большое спасибо за ваши замечания , – jobun
Не пытался отговорить вас. Просто даю вам факты. Если факты препятствуют вам, то я не могу с этим поделать. Я рад, что вы начинаете с основного учебника по букмарклетам. Это правильный подход. Но это похоже на первую милю в марафоне. Это очень далеко не учебник о том, как создать букмарклет, такой как pinterest/snatchly. Если вы встанете на вызов, я вас поздравляю. Заключительное примечание: такой вещи не существует «скомпилированный» букмарклет. К тому времени, когда вы знаете достаточно, чтобы добиться успеха в своей цели, вы, вероятно, поймете это и прочитаете любой букмарклет. –