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

[reinhardt_fuchs]

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

Comments

ПКМ

[lesnik-201.livejournal.com]

Скачала, посмотрела…Так и не поняла, зачем они это сделали. Наверное, у них такая… внутренняя потребность к самосовершенствованию. Вы FireFox обычно используете?

Re: ПКМ

[reinhardt-f.livejournal.com]

Да.

Copy/Paste

[lesnik-201.livejournal.com]

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

Re: Copy/Paste

[reinhardt-f.livejournal.com]

Там можно кое что скопировать или поменять - посмотреть как будет, если что-то изменится в коде. Но наверно не доделано.

Re: Copy/Paste

[lesnik-201.livejournal.com]

Может у меня клавиатура какая-нибудь неправильная, но вчера тыкала кнопки, а сегодня с Вашей подачи, повторила те же действия. В этом… (как его назвать?) «макете страницы», что ли, вообще ничего нельзя сделать. А в том, что в главном меню получается по «Инструменты->Веб разработка->Исходный код» можно копировать текст в буфер, но ничего нельзя менять…
Я обычно IE или Chrome использую. Просто, думала, может там есть какая-то большая привычная кнопка в середине экрана, которую я с непривычки не вижу.
Ладно. Может в следующей версии доделают.

Re: Copy/Paste

[reinhardt-f.livejournal.com]

Красный текст правится. Другие нет.

Re: Copy/Paste

[lesnik-201.livejournal.com]

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

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

Re: Copy/Paste

[reinhardt-f.livejournal.com]

Так удобнее. Таблица очень грубая.

Re: Copy/Paste

[reinhardt-f.livejournal.com]

Или мы не разобрались.

Re: Copy/Paste

[reinhardt-f.livejournal.com]

Надо пощелкать по строке - открывается окно. cntrl-c копировать cntrl-v вставить и т.д.

Там всё достаточно хитро

[lesnik-201.livejournal.com]

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

Re: Там всё достаточно хитро

[reinhardt-f.livejournal.com]

Можно еще если понадобится некоторые вещи скопировать - бывает картинку нельзя скопировать обычным способом. А здесь ее адрес будет виден.

Re: Там всё достаточно хитро

[lesnik-201.livejournal.com]

Скопировать-то, наверное, всегда можно. А вот адрес её я только что для эксперимента скопировала в буфер и загнала в строку Browser-а. Предсказуемо получила на экране просмотр одной этой картинки. И в блог её втыкать можно. Никогда так не делала. Наверное, потому, что не считала Интернет чем-то постоянным. С той стороны что-то поменяется, а у меня тут картинка исчезнет. Предпочитаю себе в альбомы копировать и только такие ссылки использовать.

Re: Там всё достаточно хитро

[reinhardt-f.livejournal.com]

Иногда картинка прикрыта второй прозрачной и если копировать - то ничего не получается. Вот тогда открываешь и копируешь правильную.

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

Вы меня заинтриговали. Где Вы такое видели?

[lesnik-201.livejournal.com]

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

Re: Вы меня заинтриговали. Где Вы такое видели?

[reinhardt-f.livejournal.com]

Берется прозрачная картинка и сверху кладется.

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

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

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

Re: Вы меня заинтриговали. Где Вы такое видели?

[reinhardt-f.livejournal.com]

И да vz.ru какое-то извращение использует - раньше у них пустышка скачивалась, сейчас картинку пытаешься сохранить - сохраняется вся страница в нтмл. Может что-то новое?

http://vz.ru/photoreport/560166/

Re: ПКМ

[reinhardt-f.livejournal.com]

Посмотрите ссылку. Довольно интересно в 11 Лисе будет. Можно и сейчас ее скачать. Наверно, довольно стабильная.

http://www.opennet.ru/opennews/art.shtml?num=33001

Скачала, поставила.

[lesnik-201.livejournal.com]

Редактор кода так и не позволяет что-то корректировать. Меню «Правка» есть, но корректировка не работает (нажимаю кнопки – не происходит вставки текста). Знаете, тут от добра-то добра особо не ищут Web Developer 2008 стоит и вполне хватает.
Он существенно дольше грузится (если сравнивать с каким-нибудь блокнотом), но у него подсказки встроенные и куча мелких удобств, которых у кустарей нет.
Если просто: у Вас есть два типичных слова Button (кнопка) и Bottom (низ). Я когда в тот раз игралось с этим макетом, буквы ухитрилась перепутать (даже в этом слове) и долго удивлялась, почему у меня текст не превращается в кнопку на экране.
У Web Developer-а при написании тэга постоянно вылезают всплывающие подсказки. Я не пишу сама (button, bottom), а выбираю из списка то, что мне нужно.
Со стандартными свойствами ещё ладно, но на экране же ещё куча элементов с названиями (а в C# всё это с учётом регистра). Их либо помнить надо (как они там были названы), либо искать каждый раз (как они там названы). А тут их названия тоже вылезают во всплывающих списках.
Если всего этого нет, то просто на отладку больше времени уходит из-за где-то неправильно написанной буквы. А так эти шероховатости убираются уже в момент написания текста.

Re: Скачала, поставила.

[reinhardt-f.livejournal.com]

Но графическое выведение по слоям забавное. Я вам это хотел показать.

Посмотрела внимательно на картинку из ссылки.

[lesnik-201.livejournal.com]

В 11-й версии ничего не нашла. Щёлкнула по ссылке «Режим 3d визуализации» http://www.opennet.ru/opennews/art.shtml?num=32693
и прочла, что это будет добавлено в 12-й версии (если не ошибаюсь). Думаю, поняла, что это. Как бы это сформулировать… У Вас на странице (плоской) элементы действительно один на одном и (при желании) можно это изобразить на 3-х-мерных слоях, в то время как обычный визуальный макет плоский как и итоговая страница (но вы на нём можете щёлкать объект, выделить его и изменить свойство). В трёхмерном варианте это, возможно, удобнее.

Но, во-первых, вполне достойной альтернативой является представление информации в виде «дерева»: html (страницы)-> div(s) (панели) -> img, input, table (элементы). Вы при таком отображении не видите страницу, конечно…

Дело в том, что при большом проекте не удобно работать с макетами страниц. Удобнее искать по тексту. Ничего умнее в голову не приходит, но если вам надо по всему проекту поменять цвет, Вы запустите поиск с заменой по тексту, а не будете тыкать все элементы и менять цвет для каждого. Поиск глазами (и замена свойства путём тыканья мышкой в панель свойств объекта) по любому макету (любого вида) требует большего времени, чем поиск в тексте по подстроке. Потому я макетами, например, вообще не пользуюсь, хотя знаю, что в том же WD-2008 они поддерживаются.

Re: Посмотрела внимательно на картинку из ссылки.

[reinhardt-f.livejournal.com]

Я понял - но там по моей ссылке пишут, что это в 11. Надо ставаить бету, чтоб увидеть, она уже вышла. Я просто так - забавное отображение, думал и вас порадовать картинкой. А может вы Лису захотите поставить?

????

[lesnik-201.livejournal.com]

???? Я её уже поставила и посмотрела. (Я же писала в первом сообщении… понятно..., в заголовке, потому не увидели). Ссылку Вашего анонса ткнула, не найдя всего этого в данной версии, в надежде, что так написано как это всё запускать и обнаружила, что это будет в 12-й версии.

Вот из этого (Вашего, по Вашей ссылке) текста (третий абзац Основных новшеств 11):
Режим 3D-визуализации для анализа страниц (проект Tilt), при которой узлы DOM-представления (Document Оbject Model) наглядно разделяются на слои.

Re: ????

[reinhardt-f.livejournal.com]

А может он у вас не работает? Наверно нужны библиотеки WebGL.

Переход в режим трёхмерного анализа осуществляется при нажатии на кнопку "3D" для нужной области в окне инспектирования кода (пункт Inspect из меню Web Developer). Для вывода используется WebGL и шейдеры GLSL;


Или может у них отвалилось?

Re: ????

[lesnik-201.livejournal.com]

Слушайте… При всём, как говориться, уважении... Ну его в баню, а? Я даже нашла, и сказала ту примочку, которую надо прицепить. Выяснять как (при том, что я так и не поняла ЗАЧЕМ?) мне, признаться, лень.
Не люблю эту примочковую идеологию. По тому старому анекдоту: Вы тут ребята сварочкой прихватите, а я уж дома сам проволокой намертво примотаю.
Это надо любить исследовать примочки, а не работать… Можно и так, наверное, но не хочу. Может ещё аллергическая реакция на программистов, которые вытаскивают ничего не умеющий софт, к нему тянут откуда-то полу - работающие расширения, туда же непонятного происхождения глючные компоненты и на всё это какие-то примочки…
Фантазия после этого зрелища рисовала то самое прикрученное проволокой крыло или крышу.
Спасибо, но всё на эту тему. Хорошо?