Я веб-разработчик/дизайнер, и мне нужны мои неграмотные клиенты, чтобы иметь возможность легко смешивать цвета отдельных элементов, сохранять эти изменения CSS и отправлять их мне. Я буду направлять их по телефону, но мне все же нужно, чтобы это было проще, чем ожидать, что они найдут селектор CSS в листе темы и напишут шестнадцатеричные коды.
Мне нужен инспектор в браузере, который может позволить неграмотному человеку:
- Легко манипулировать цветами на элементах веб-страницы с помощью цветового набора GUI.
(+) Chrome делает это отлично. Это именно то, что я хочу.
(-) Firefox, иначе великолепный инспектор, похоже, не имеет этой базовой возможности. - Сохранить измененную таблицу стилей, чтобы они могли отправить ее мне.
(?) Редактор стилей Firefox упрощает сохранение листов, однако изменения в проверенных элементах - как ни странно - похоже, не применяются.
(-) Возможно, Chrome может сделать это, глубоко в панели" Источники", но, похоже, вам нужно быть хакером, чтобы понять это, потому что я грамотный, и я еще не понял этого.
Я нахожу существование этой загадки очень озадачивающей - почему разработчики браузеров беспокоили создание такого богатого набора для редактирования веб-страниц, где можно манипулировать CSS, но не включать базовую функцию "сохранить изменения"? Я что-то пропустил?
Изменить 01:
Я нашел в Chrome, что можно свободно манипулировать элементом CSS с инспектором, а затем щелкнуть по листу CSS, связанному с каждым правилом (в правом верхнем углу правила), чтобы перейти к Модифицированному CSS Лист на вкладке Источники. Это то, что я хочу сохранить.
Отсюда можно щелкнуть правой кнопкой мыши в любом месте этого измененного исходного кода, а затем Сохранить-как - , но странно, к сожалению, и неинтуитивно, Chrome сохраняет неправильный исходный код. Он сохраняет исходный, немодифицированный исходный код, а не измененный исходный код, который вы нажали правой кнопкой мыши save-as'd. Очень расстраивает, и я в настоящее время пытаюсь найти способ обойти эту ошибку. Я так близко!
Изменить 02:
Хорошо, я понял это. Когда вы сохраняете файл на вкладке "Источники Chrome",, вы не просто сохраняете этот файл - , вы на самом деле устанавливаете Chrome для автоматического автоматического сохранения этого файла при каждом изменении, которое вы ему делаете.
Это на самом деле классный, но очень вводящий в заблуждение.
Итак, после сохранения файла CSS Все изменения, внесенные в элемент CSS в инспекторе, будут автоматически сохранены в этом файле. Это сохраняется, даже если вы перезапустите браузер.
Возникла путаница,, потому что, когда у вас есть файл, отмеченный для автоматического сохранения, а затем вы сохраняете как измененный файл, Chrome странно записывает исходный файл, а не тот, который вы нажали правой кнопкой мыши. Как только вы сделаете какое-либо изменение после этого, когда Chrome будет автоматически записывать каждую текущую модификацию в этот файл. Я считаю, что это ошибка в Chrome.
Урок узнаем,. Сначала сохраните как файл. Во-вторых, внесите изменения.
Presto, ваша измененная тема CSS ждет вас на вашем жестком диске.
Чтобы быть ясным,, если вы сохраните, затем внесите изменения, а затем сохраните снова - Chrome сохранит исходный источник, а не ваш модифицированный источник. Это делает порядок вещей важным.
Я не знаю способа увидеть список файлов, отмеченных в настоящее время для автоматического сохранения, или как их отменить.