Любопытная фича.

Feb 07, 2012 07:52

Лиса обновилась до 10 версии.
При наведении на картинку(или любой объект) и нажатии ПКМ появляется менюшка, но так было и раньше, однако сейчас там появился пункт "Исследовать элемент", если выбрать - открывается окно, где HTML-код. Полезно для тех кто понимает!

firefox, СПО, html, жж, компьютеры

Leave a comment

ПКМ lesnik_201 February 9 2012, 10:42:16 UTC
Скачала, посмотрела…Так и не поняла, зачем они это сделали. Наверное, у них такая… внутренняя потребность к самосовершенствованию. Вы FireFox обычно используете?

Reply

Re: ПКМ reinhardt_f February 9 2012, 10:51:58 UTC
Да.

Reply

Copy/Paste lesnik_201 February 9 2012, 11:01:24 UTC
Я попыталась в той штуковине, которую Вы нашли, скопировать текст хотя бы в буфер (обычно через ту же правую кнопку), но так и не смогла. Потому и удивилась: зачем надо делать просмотр, с которого можно только руками срисовывать то, что на экране?
Может там что-то другое стандартное надо сотворить, чтобы добыть этот Copy? Какая-то особенность интерфейса для меня непривычная?

Reply

Re: Copy/Paste reinhardt_f February 9 2012, 11:08:28 UTC
Там можно кое что скопировать или поменять - посмотреть как будет, если что-то изменится в коде. Но наверно не доделано.

Reply

Re: Copy/Paste lesnik_201 February 9 2012, 11:31:50 UTC
Может у меня клавиатура какая-нибудь неправильная, но вчера тыкала кнопки, а сегодня с Вашей подачи, повторила те же действия. В этом… (как его назвать?) «макете страницы», что ли, вообще ничего нельзя сделать. А в том, что в главном меню получается по «Инструменты->Веб разработка->Исходный код» можно копировать текст в буфер, но ничего нельзя менять…
Я обычно IE или Chrome использую. Просто, думала, может там есть какая-то большая привычная кнопка в середине экрана, которую я с непривычки не вижу.
Ладно. Может в следующей версии доделают.

Reply

Re: Copy/Paste reinhardt_f February 9 2012, 12:06:12 UTC
Красный текст правится. Другие нет.

Reply

Re: Copy/Paste lesnik_201 February 9 2012, 12:37:37 UTC
Наверное, так цвета удобно подбирать. Обычно цвет берётся из примерно таких таблиц:
http://stm.dp.ua/web-design/color-html.php
(RRGGBB - по два байта на R-red, G - green, B - blue), но в готовом виде не всегда выглядит так, как предполагалось. Т.е. выход, изменение, повторный просмотр страницы обычно. А тут можно подбирать, никуда не выходя.

Красный цвет - строковые переменные. Синий - названия html-тэгов (элементов на странице), чёрный - переменные тэгов (определяют их внешний вид на экране и реакции на действия: onсlick=”Alert(‘Hello, World!’);” - по щелчку мыши вывести на экран сообщение “Hello, World!”)

Reply

Re: Copy/Paste reinhardt_f February 9 2012, 13:30:00 UTC

... )

Reply

Re: Copy/Paste reinhardt_f February 9 2012, 11:11:29 UTC
Или мы не разобрались.

Reply

Re: Copy/Paste reinhardt_f February 9 2012, 11:15:12 UTC
Надо пощелкать по строке - открывается окно. cntrl-c копировать cntrl-v вставить и т.д.

Reply

Там всё достаточно хитро lesnik_201 February 9 2012, 11:57:11 UTC
Кстати Ctrl+Ins, Shift+Ins для того же самого тоже работают. Там можно копировать и даже сразу менять только тестовые строки (то, что в двойных кавычках).
Т.е. можно даже поле для ввода текста поменять на кнопку (text на button):
[input type="text" value="111" /]
[input type="button" value="111" /]
а обычный текст на экране [td]11[/td] нельзя, т.к. здесь это 11 без кавычек. Ещё у таблицы рамку убрать/добавить можно [table border="1"]
Но тоже интересно, конечно. Если зачем-то такое потребуется, буду знать, что такое есть. Спасибо.

Reply

Re: Там всё достаточно хитро reinhardt_f February 9 2012, 12:08:32 UTC
Можно еще если понадобится некоторые вещи скопировать - бывает картинку нельзя скопировать обычным способом. А здесь ее адрес будет виден.

Reply

Re: Там всё достаточно хитро lesnik_201 February 9 2012, 12:50:51 UTC
Скопировать-то, наверное, всегда можно. А вот адрес её я только что для эксперимента скопировала в буфер и загнала в строку Browser-а. Предсказуемо получила на экране просмотр одной этой картинки. И в блог её втыкать можно. Никогда так не делала. Наверное, потому, что не считала Интернет чем-то постоянным. С той стороны что-то поменяется, а у меня тут картинка исчезнет. Предпочитаю себе в альбомы копировать и только такие ссылки использовать.

Reply

Re: Там всё достаточно хитро reinhardt_f February 9 2012, 13:32:25 UTC
Иногда картинка прикрыта второй прозрачной и если копировать - то ничего не получается. Вот тогда открываешь и копируешь правильную.

Разумеется - интернет непостоянен и нужные картинки лучше у себя хранить.

Reply

Вы меня заинтриговали. Где Вы такое видели? lesnik_201 February 9 2012, 14:33:49 UTC
Я даже не в курсе, как такое сделать можно. Посмотрела в свойствах элемента img (картинка), точнее в описаниях style. Объект делается невидимым либо через style="visibility:hidden" либо через style="display:none". Прозрачность HTML, если не ошибаюсь, не поддерживает. (Это в Word-е бывает не вытащить картинку, залезшую под другую). Одно может быть засунуто под другое через переменную z-index того же style. Цифра определяет, что рисуется раньше, а что (перекрывая его) потом.
Ссылку не дадите? Непонятно, кстати, зачем так делали.

Reply

Re: Вы меня заинтриговали. Где Вы такое видели? reinhardt_f February 9 2012, 15:14:26 UTC
Берется прозрачная картинка и сверху кладется.

Вы лучше меня знаете - я понимаю только как стащить, если пустышка тянется.

Как-то так наверно. я плохо понимаю

http://www.html.by/threads/20297-Kartinka-poverh-teksta

Reply


Leave a comment

Up