Editor CSS dengan pratinjau waktu-nyata dan lokalisasi pemilih

Judulnya mengatakan segalanya tentang apa yang saya cari. Pada dasarnya itu harus berupa perangkat lunak yang mengumpulkan semua gaya situs web sehingga saya dapat mengedit dan menyimpannya.

Silakan baca pertanyaan dengan seksama, karena saya ingin semua kondisi yang disebutkan dipenuhi.

EDIT: Saya ingin lebih jelas di sini atau lebih tepatnya menggambarkan alur kerja yang saya inginkan. Situasi awal adalah bahwa Anda memiliki sumber situs web di komputer lokal Anda.
Sekarang saya ingin membuka sumber polos (HTML / CSS) di editor / IDE / apa pun (tidak ada WYSIWYG!). Dan saya ingin preview langsung di sebelahnya atau di jendela yang berbeda (bukan di tab lain!), Saya ingin melihatnya ketika saya mengedit sumbernya. Pratinjau harus diperbarui secara otomatis (atau ketika saya menyimpan file yang pada dasarnya akan sama karena CTRL + S adalah jenis refleks: P).
Selain itu harus memiliki inspektur yang berfungsi seperti yang ada di Firebug atau Chrom (e | ium). Ketika saya mengklik pemilih CSS di inspektur itu, kursor akan langsung melompat ke sana di file sumber masing-masing.

LAIN EDIT: Menemukan ini https://stackoverflow.com/q/4680109/220652 . Masalah yang hampir sama.

Ada beberapa opsi.

Saat ini saya hanya menggunakan Alat Pengembang Google Chrome ( Video Aksi ) karena memungkinkan untuk berbagai inspeksi, pelaporan terperinci, dan tumpangan berlebihan. Setelah melakukan perubahan, saya hanya menyalin CSS yang diperbarui dan lebih menulis bagian yang relevan dari file CSS, menyegarkan, terus menghubungkannya.

Di sini saya telah mengedit definisi di Alat Pengembang Chrome

Saya dapat mengikuti nama file dan nomor baris (setelah menyalin perubahan) dan hanya menempelkannya ke editor

Di luar itu ada alat yang baru-baru ini diluncurkan bernama WebPutty yang dirancang untuk mengurangi masalah yang Anda uraikan. Meskipun saya belum menggunakannya secara pribadi, ini dikembangkan oleh perusahaan Joel Spolsky , Fog Creek Software (Joel juga adalah Co-Founder StackOverflow). Jadi saya berani bertaruh itu adalah produk yang relatif stabil, sederhana, dan efektif.

Pertanyaan ini tampaknya sudah dibahas tetapi Anda lebih khusus berbicara tentang Editor CSS. Dan saya yakin itu sebabnya mereka belum menandai pertanyaan Anda sebagai duplikat.

Namun, apa yang dapat saya sarankan kepada Anda adalah penggunaan beberapa alat yang telah saya posting dalam jawaban untuk pertanyaan lain, seperti ini: Dreamweaver alternatif di ubuntu? , dan bahkan ketika saya dapat bertaruh bahwa Anda telah melihatnya, saya menyalinnya di sini untuk kenyamanan Anda:

Pertanyaan Anda tampaknya agak ambigu.

Pertama-tama dan terkait dengan alternatif untuk Dreamweaver, saya menemukan semua saran dari semua jawaban lain sangat bagus, tetapi ketika mencari alternatif untuk Dreamweaver, aplikasi terdekat - untuk saya adalah Proyek Amaya . Yang sepertinya lebih kaya dari alternatif lain dan sedikit lebih canggih dari pada Kompozer.

Tangkapan layar dari web resmi ada di sini untuk Anda lihat saat beraksi:

Tangkapan layar tambahan dapat dicapai dengan mengklik tautan berikut: http://www.w3.org/Amaya/screenshots/Overview.html

Anda mungkin merasa sedikit tidak stabil, atau setidaknya itu untuk saya tetapi mungkin juga sesuai dengan kebutuhan Anda.

Setelah bermain dengan editor WYSIWYG, saya lebih memilih pengkodean langsung dengan BlueFish tetapi itu bukan editor WYSIWYG.

Dan tentang saran untuk masalah Anda dengan pembakar saya tidak bisa mengatakan apa-apa, maaf.

Beri tahu kami bagaimana Anda melakukannya jika Anda memberi Amaya kesempatan.

Semoga berhasil!

Sunting == Setelah menginstal Amaya, saya menemukannya masih jauh dari stabil tetapi entah bagaimana tampaknya memiliki fitur yang lebih baik daripada aplikasi lain, jika Anda menganggap bahwa perangkat lunak lain adalah Editor Teks sederhana dan Amaya seperti editor WYSIWYG.

Saya menguji apa yang Anda katakan dalam komentar Anda dan saya menemukan bahwa Amaya bahkan tidak menyadari bahwa ada sesuatu yang berubah dalam struktur file / folder / nama. Yang tidak sesuai dengan kebutuhan Anda yang terkait dengan ini.

Pada tangkapan layar berikutnya, Anda dapat melihat saya mengganti nama folder "resources" menjadi "resources1" dan Amaya belum menampilkannya sebagai "resources" dan tidak ada cara untuk memaksanya menyegarkan. Bahkan setelah me-restart perangkat lunak dan memuat proyek lagi, Amaya tidak akan menyadarinya.

Saya akan mengikuti pertanyaan Anda dengan cermat berharap seseorang datang dan memberikan alternatif yang baik.

Semoga berhasil!

Juga, dalam jawaban pengguna lain untuk pertanyaan yang sama saya menemukan " Blue Griffon Web Editor " yang tampaknya menjadi satu-satunya editor web stabil yang menampilkan jendela pratinjau waktu nyata, yang -btw- tidak dapat dilihat dalam mode split . Anda hanya dapat melihat kode atau pratinjau WYSIWYG, tidak keduanya sekaligus.

Tangkapan layar yang ditempatkan di sini untuk kenyamanan Anda:

Layar Pratinjau:

Layar Kode:

Alat ini mencakup banyak alat yang berguna tetapi beberapa add-on atau plugin mungkin tidak bebas (berbayar). Yang mengurangi daya tarik untuk itu.

The Aptana Studio 3 , yang saya sarankan dalam jawaban ini: Pengembangan Web Dasar IDE / Editor seperti Dreamweaver? adalah -untuk- alat terbaik untuk pemrograman, karena saya bisa melakukan pratinjau langsung menggunakan browser web di desktop tampilan ganda saya. Yang mungkin bukan kasus Anda.

Itu yang bisa saya sarankan. Maaf jika ini tidak sesuai dengan kebutuhan Anda dan ...

Semoga berhasil!

Ok, semua orang dengarkan! Geany hanya MENGAGUMKAN! Ini memiliki plugin yang menambahkan pratinjau browser. Anda bisa meletakkannya di sidebar, di "bottombar" atau di jendela tambahan. Dan sekarang dua bonus ekstra fitur ass ass killer buruk. 1. Browser ini menggunakan WebKit. Itu artinya, ia memiliki inspektur yang luar biasa ini! 2. Browser memuat ulang saat Anda menyimpan dokumen terbuka.

Selain itu ia memiliki begitu banyak fitur luar biasa tetapi Anda harus mencobanya sendiri. Saya hanya jatuh cinta. Di sini Anda memiliki tangkapan layar:

Maaf teman-teman, tetapi saya akan menjawab pertanyaan saya sendiri. Saya baru saja menemukan Stylebot . Itu memenuhi hampir semua kondisi yang saya miliki. Itu tidak memiliki penyelesaian otomatis tetapi saya bisa hidup dengan itu.

Ini screenshotnya. Bilah sisi adalah Stylebot. Anda memiliki mode pengeditan dasar di mana Anda dapat dengan cepat mengedit beberapa properti sederhana, mode lanjutan di mana Anda dapat mengedit CSS biasa untuk elemen yang dipilih dan dengan "Edit CSS" Anda dapat mengedit keseluruhan CSS untuk halaman tersebut.

Coba addon Firefox Firediff . Itu terintegrasi dengan Firebug menambahkan tab "Perubahan", yang, seperti nama zen sarankan, menunjukkan perubahan apa pun yang Anda buat pada CSS atau DOM.

Klik kanan perubahan CSS pada tab "Perubahan" untuk menyimpan perubahan atau snapshot perubahan Anda.

Ada juga cssUpdater , meskipun saya belum menggunakannya.

Adapun "lokalisasi pemilih", saya tidak sepenuhnya yakin apa yang Anda maksud tetapi ada selectBug , yang dapat Anda unduh di sini .

Aptana Studio adalah IDE yang hebat tetapi jika saya tidak salah, itu tidak memiliki Pratinjau Waktu Nyata. Bagaimanapun, jika Anda tertarik: http://www.aptana.com/products/studio3

PS: Ini memiliki set Hot-Key untuk Pratinjau sehingga tidak masalah besar.

Bukan perangkat lunak semata, tetapi Stylish Addon (chrome dan firefox) memperbarui halaman secara otomatis saat Anda menyimpan lembar gaya override. Tidak seperti FireBug, ia menyimpannya sehingga Anda dapat menyalin dan menempelkannya ke .cssfile yang tepat ketika Anda puas.

hanya beberapa minggu yang lalu seorang pemain baru muncul di bidang ini. Saya sedang berbicara tentang kurung kode sumber terbuka Adobe. Semua info yang Anda butuhkan, di sini: https://github.com/adobe/brackets/wiki/Linux-Version

Versi spring30 baru saja dirilis beberapa hari yang lalu :) Selamat mencoba!