Өөрчлөлтийн бүртгэл

Бидний DivMagic-д хийсэн хамгийн сүүлийн үеийн бүх нэмэлт, сайжруулалт

2024 оны дөрөвдүгээр сарын 8

Шинэ онцлог, сайжруулалт

Энэ хувилбарт шинэ функц багтсан: Бүрэлдэхүүн хэсгүүдийн номын сан дахь урьдчилан харах

Та одоо Бүрэлдэхүүний номын санд хадгалсан бүрэлдэхүүн хэсгүүдийнхээ урьдчилан харах боломжтой.
Та мөн өргөтгөлөөс өөрийн хяналтын самбар руу шууд очиж болно.

2024 оны дөрөвдүгээр сарын 8

Сайжруулалт


Өргөтгөлийн гүйцэтгэлийг сайжруулсан

2024 оны гуравдугаар сарын 31

Шинэ шинж тэмдэг

Энэ хувилбарт шинэ функц багтсан: Бүрэлдэхүүн хэсгүүдийн номын сан

Та одоо хуулсан элементүүдээ Бүрэлдэхүүн хэсгүүдийн номын санд хадгалах боломжтой. Энэ нь танд хадгалсан бүрэлдэхүүн хэсгүүдэд хүссэн үедээ хандах боломжийг олгоно.
Та мөн Studio холбоосыг хуваалцаж өөрийн бүрэлдэхүүн хэсгүүдийг бусадтай хуваалцах боломжтой.

Мөн та бүрэлдэхүүн хэсгүүдээ DivMagic Studio руу Бүрэлдэхүүн хэсгүүдийн сангаас шууд экспортлох боломжтой.2024 оны гуравдугаар сарын 31

2024 оны гуравдугаар сарын 15

Шинэ онцлог, сайжруулалт

Энэ хувилбарт гурван шинэ функц багтсан: Хэрэгслийн хайрцагт зориулсан шинэ хэрэгсэл, шинэ хуулбарлах сонголтууд болон засварлагч горимд автоматаар гүйцээх.

Хэрэгслийн хайрцагт зориулсан Thrash хэрэгсэл
Thras хэрэгсэл нь вэбсайтаас элементүүдийг нуух эсвэл устгах боломжийг танд олгоно.

Хуулбарлах шинэ сонголтууд
Та одоо HTML болон CSS-ийг тусад нь хуулж болно.
Та мөн HTML болон CSS кодыг эх HTML шинж чанар, анги, ID-тай хуулж авах боломжтой.

Редакторын горимд автоматаар гүйцээх
Автоматаар гүйцээх нь таныг бичих явцад хамгийн түгээмэл CSS шинж чанарууд болон утгуудыг санал болгоно.

Сайжруулалт

  • Хуулбарлах сонголтоос шууд DivMagic Studio руу код экспортлох сонголтыг нэмсэн
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан

2024 оны гуравдугаар сарын 2

Шинэ шинж тэмдэг

Хэрэгслийн хайрцагт шинэ хэрэгсэл нэмсэн: Өнгө сонгогч

Та одоо ямар ч вэбсайтаас өнгийг хуулж, төсөлдөө шууд ашиглах боломжтой
Одоогоор энэ нь зөвхөн Chrome өргөтгөл дээр боломжтой. Бид энэ функцийг Firefox өргөтгөлд нэмэхээр ажиллаж байна.

2024 оны хоёрдугаар сарын 26

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан

Алдааны засварлалтууд

  • Зарим CSS хэв маягийг зөв хуулж аваагүй алдааг зассан
  • Элементийг iframe-аас хуулсан бол хуулсан загвар нь хариу өгөхгүй байсан алдааг зассан.
  • Алдаа болон асуудлыг мэдээлж байгаа та бүхэнд баярлалаа! Бид тэдгээрийг аль болох хурдан засахаар ажиллаж байна.

2024 оны хоёрдугаар сарын 24

Шинэ онцлог, сайжруулалт

Хэрэв өргөтгөл автоматаар шинэчлэгдсэний дараа хариу өгөхгүй бол Chrome вэб дэлгүүр эсвэл Firefox нэмэлтүүдээс өргөтгөлийг устгаад дахин суулгана уу.

Энэ хувилбарт хэд хэдэн шинэ боломжууд багтсан болно: Toolbox, Live Editor, Options Page, Context Menu

Хэрэгслийн хайрцагт вэб хөгжүүлэлтэнд хэрэгтэй бүх хэрэгслийг нэг дор багтаасан болно. Фонт хуулах, өнгө сонгогч, сүлжээ харах, дибаг хийх гэх мэт.

Live Editor нь хуулсан элементийг хөтөч дээр шууд засварлах боломжийг танд олгоно. Та элементэд өөрчлөлт хийж, өөрчлөлтийг шууд харах боломжтой.

Сонголтуудын хуудас нь өргөтгөлийн тохиргоог өөрчлөх боломжийг танд олгоно. Та өгөгдмөл тохиргоог өөрчилж, өөрийн тохиргоог хийх боломжтой.

Контекст цэс нь баруун товшилтын цэснээс DivMagic-д шууд хандах боломжийг олгоно. Та элементүүдийг хуулж эсвэл контекст цэснээс багажийн хайрцгийг шууд ажиллуулж болно.

Хэрэгслийн хайрцаг
Хэрэгслийн хайрцагт Inspect Mode, Font Copying, Grid Viewer орно. Ирээдүйд бид хэрэгслийн хайрцагт илүү олон хэрэгслийг нэмж оруулах болно.Хэрэгслийн хайрцаг

Шууд засварлагч
Live Editor нь хуулсан элементийг хөтөч дээр шууд засварлах боломжийг танд олгоно. Та элементэд өөрчлөлт хийж, өөрчлөлтийг шууд харах боломжтой. Энэ нь хуулсан элементэд өөрчлөлт оруулахад хялбар болгоно.Шууд засварлагч

Сонголтуудын хуудас
Сонголтуудын хуудас нь өргөтгөлийн тохиргоог өөрчлөх боломжийг танд олгоно. Та өгөгдмөл тохиргоог өөрчилж, өөрийн тохиргоог хийх боломжтой.Сонголтуудын хуудас

Контекст цэс
Контекст цэс нь баруун товшилтын цэснээс DivMagic-д шууд хандах боломжийг олгоно. Яг одоо энэ нь хоёр сонголттой байна: Элемент хуулах болон Хэрэгслийн хайрцагыг эхлүүлэх.Контекст цэс

2023 оны арванхоёрдугаар сарын 20

Шинэ боломжууд болон сайжруулалтууд болон алдааны засварууд

Энэ хувилбарт Хуулбарлах горимын шинэчлэгдсэн хяналтын самбар багтсан болно

Та одоо элементийг хуулахдаа хуулахыг хүссэн нарийвчилсан хүрээг сонгох боломжтой.

Бид хуулсан элементийг илүү хянах боломжийг танд олгохын тулд Хуулбарлах горимд нэмэлт сонголтуудыг нэмэх болно.2023 оны арванхоёрдугаар сарын 20

Сайжруулалт

  • Сайжруулсан хувиргах хурд
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан

Алдааны засварлалтууд

  • Шаардлагагүй CSS шинж чанаруудыг гаралтад оруулсан алдааг зассан
  • Зарим вэб сайт дээр DivMagic самбар харагдахгүй байсан алдааг зассан
Алдаа болон асуудлыг мэдээлж байгаа та бүхэнд баярлалаа! Бид тэдгээрийг аль болох хурдан засахаар ажиллаж байна.

2023 оны арванхоёрдугаар сарын 2

Сайжруулалт болон алдааны засварууд

Энэ хувилбар нь хуулбарласан хэв маягийн хариу үйлдэл үзүүлэх сайжруулалтыг багтаасан болно.

Бид мөн гаралтын хэмжээг багасгахын тулд хэв маягийн оновчлолын кодыг сайжруулсан.

Сайжруулалт

  • Сайжруулсан вэб урсгалын хөрвүүлэлт
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан

Алдааны засварлалтууд

  • Шаардлагагүй CSS шинж чанаруудыг гаралтад оруулсан алдааг зассан
Алдаа болон асуудлыг мэдээлж байгаа та бүхэнд баярлалаа! Бид тэдгээрийг аль болох хурдан засахаар ажиллаж байна.

2023 оны арваннэгдүгээр сарын 15

Шинэ боломжууд болон сайжруулалтууд болон алдааны засварууд

Энэ хувилбарт шинэ функц багтсан: DivMagic Studio руу экспортлох

Та одоо хуулсан элементээ DivMagic Studio руу экспортлох боломжтой. Энэ нь танд DivMagic Studio дээр элементийг засах, түүнд өөрчлөлт оруулах боломжийг олгоно.



Сайжруулалт

  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Шаардлагагүй CSS шинж чанаруудыг гаралтад оруулсан алдааг зассан

2023 оны арваннэгдүгээр сарын 4

Шинэ боломжууд болон сайжруулалтууд болон алдааны засварууд

Энэ хувилбар нь шинэ функцийг агуулсан: Автоматаар цонхыг нуух

Попап цонхны тохиргооноос автоматаар нуух цонхыг идэвхжүүлэхэд хулганаа попап цонхноос холдуулахад өргөтгөлийн цонх автоматаар алга болно.

Энэ нь элементүүдийг хуулах ажлыг хурдасгах болно, учир нь та гараар дарж попапыг хаах шаардлагагүй болно.
Попап цонхыг автоматаар нуух2023 оны арваннэгдүгээр сарын 4
Энэ хувилбарт мөн тохиргооны байршлын өөрчлөлт орно. Бүрэлдэхүүн хэсэг болон хэв маягийн форматыг Хуулах хянагч руу шилжүүлсэн.
2023 оны арваннэгдүгээр сарын 42023 оны арваннэгдүгээр сарын 4

Мөн бид "Арын өнгө илрүүлэх" сонголтыг хассан. Энэ нь одоо анхдагчаар идэвхжсэн байна.

Сайжруулалт

  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Олон тооны нээлттэй табуудыг удирдахын тулд DevTools интеграцийг сайжруулсан

Алдааны засварлалтууд

  • Сонголтуудыг зөв хадгалаагүй алдааг зассан

2023 оны аравдугаар сарын 20

Шинэ боломжууд болон сайжруулалтууд болон алдааны засварууд

Энэ хувилбарт шинэ боломж орсон байна: Media Query CSS

Та одоо хуулж байгаа элементийнхээ медиа хайлтыг хуулж болно. Энэ нь хуулсан хэв маягийг хариу үйлдэл үзүүлэх болно.
Дэлгэрэнгүй мэдээллийг Media Query CSS дээрх баримтаас үзнэ үү. Media Query

Энэ хувилбарт мөн шинэ өөрчлөлт орсон. Бүтэн хуудсыг хуулах товчийг устгасан. Та үндсэн элементийг сонгосноор бүтэн хуудсыг хуулж болно.
2023 оны аравдугаар сарын 202023 оны аравдугаар сарын 20

Сайжруулалт

  • Шаардлагагүй хэв маягийг арилгахын тулд хэв маягийн хуулбарыг сайжруулсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Загваруудыг хурдан хуулахын тулд DevTools интеграцийг сайжруулсан

Алдааны засварлалтууд

  • Үнэмлэхүй болон харьцангуй элементийн хуулбартай холбоотой алдаануудыг зассан

2023 оны аравдугаар сарын 12

Шинэ боломжууд болон сайжруулалтууд болон алдааны засварууд

Энэ хувилбарт хоёр шинэ боломж багтсан: Хуулбарлах горим болон Эцэг эх/Хүүхдийн элемент сонгох

Хуулбарлах горим нь элементийг хуулах үед авах нарийвчлалын хүрээг тохируулах боломжийг танд олгоно.
Хуулбарлах горимын талаарх дэлгэрэнгүй мэдээллийг баримтаас үзнэ үү. Хуулах горим

Эцэг эх/Хүүхэд элементийн сонголт нь таны хуулж буй элементийн эх болон хүүхдийн элементүүдийн хооронд шилжих боломжийг танд олгоно.
2023 оны аравдугаар сарын 12

Сайжруулалт

  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Tailwind CSS ангийн хамрах хүрээг сайжруулсан
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Элементийн байрлалыг тооцоолоход гарсан алдааг зассан
  • Элементийн хэмжээг тооцоолоход гарсан алдааг зассан

2023 оны есдүгээр сарын 20

Шинэ онцлог болон алдааны засварууд

DivMagic DevTools гарлаа! Та одоо өргөтгөлийг эхлүүлэхгүйгээр шууд DevTools-аас DivMagic-г ашиглах боломжтой.

Та элементүүдийг DevTools-аас шууд хуулж болно.

Элементийг шалгаад сонгоод DivMagic DevTools самбар руу очоод Copy товчийг дарвал элемент хуулах болно.

Дэлгэрэнгүй мэдээллийг DivMagic DevTools-ийн талаарх баримт бичгийг үзнэ үү.
DivMagic DevTools Баримт бичиг
Зөвшөөрлийн шинэчлэл
DevTools-г нэмснээр бид өргөтгөлийн зөвшөөрлийг шинэчилсэн. Энэ нь өргөтгөлд таны зочилдог бүх вэб сайт болон олон таб дээр DevTools самбарыг саадгүй нэмэх боломжийг олгоно.

⚠️ Анхаарна уу
Энэ хувилбарыг шинэчлэх үед Chrome болон Firefox нь "таны зочилдог вэб сайт дээрх таны бүх өгөгдлийг уншиж, өөрчлөх боломжтой" гэсэн анхааруулгыг харуулах болно. Энэ үг түгшүүртэй байгаа хэдий ч бид танд баталж байна:

Мэдээллийн хамгийн бага хандалт: Бид танд DivMagic үйлчилгээг үзүүлэхэд шаардагдах хамгийн бага өгөгдөлд л ханддаг.

Өгөгдлийн аюулгүй байдал: Өргөтгөлөөр хандсан бүх өгөгдөл нь таны дотоод машин дээр үлдэх бөгөөд ямар ч гадны сервер рүү илгээгдэхгүй. Таны хуулсан элементүүд таны төхөөрөмж дээр үүсгэгдэх бөгөөд ямар ч сервер рүү илгээгдэхгүй.

Эхлээд нууцлал: Бид таны хувийн нууц, аюулгүй байдлыг хамгаалах үүрэгтэй. Дэлгэрэнгүй мэдээллийг та манай Нууцлалын бодлогыг үзэж болно.

Бид таны ойлголт, итгэлийг үнэлдэг. Хэрэв танд санаа зовох зүйл, асуулт байвал манай дэмжлэгийн багтай холбогдоно уу.
2023 оны есдүгээр сарын 20

Алдааны засварлалтууд

  • Хөрвүүлэлтийн тохиргоог хадгалаагүй алдааг зассан

2023 оны долдугаар сарын 31

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Сүлжээний байршлын хуулбарыг сайжруулсан
  • Tailwind CSS ангийн хамрах хүрээг сайжруулсан
  • Хуулбарласан хэв маягийн хариу үйлдэл сайжирсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Үнэмлэхүй элементийг хуулбарлахад гарсан алдааг зассан
  • Арын дэвсгэрийг бүдгэрүүлсэн хуулбарлахад гарсан алдааг зассан

2023 оны долдугаар сарын 20

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Арын дэвсгэр илрүүлэлтийн алдааг зассан

2023 оны долдугаар сарын 18

Шинэ онцлог, сайжруулалт, алдааны засварууд

Та одоо шинэ "Арын дэвсгэр илрүүлэх" функцээр хуулж байгаа элементийнхээ дэвсгэрийг илрүүлэх боломжтой.

Энэ функц нь эцэг эхээр дамжуулан элементийн дэвсгэрийг илрүүлэх болно. Ялангуяа харанхуй дэвсгэр дээр энэ нь маш ашигтай байх болно.

Дэлгэрэнгүй мэдээллийг Detect Background дээрх баримтаас үзнэ үү
Арын дэвсгэрийг илрүүлэх2023 оны долдугаар сарын 18

Сайжруулалт

  • Хуулбарласан бүрэлдэхүүн хэсгүүдийн хариу үйлдэл сайжирсан
  • SVG элементүүдийг өөрчлөхөд хялбар болгох үүднээс боломжтой бол "currentColor"-г ашиглахаар шинэчилсэн
  • CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Өндөр болон өргөнийг тооцоолоход гарсан алдааг зассан

2023 оны долдугаар сарын 12

Шинэ онцлог, сайжруулалт

Та одоо шинэ Бүтэн хуудсыг хуулах функцээр бүтэн хуудсыг хуулж болно.

Энэ нь бүтэн хуудсыг бүх хэв маягийн хамт хуулж, таны сонгосон формат руу хөрвүүлэх болно.

Дэлгэрэнгүй мэдээллийг баримтаас үзнэ үү.
Баримт бичиг2023 оны долдугаар сарын 12

Сайжруулалт

  • Хуулбарласан бүрэлдэхүүн хэсгүүдийн хариу үйлдэл сайжирсан
  • CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

2023 оны долдугаар сарын 3

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Iframe загварын хуулбарыг сайжруулсан
  • Хилийн өөрчлөлтийг сайжруулсан
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • JSX хөрвүүлэлтийн алдааг зассан
  • Хилийн радиусыг тооцоолоход гарсан алдааг зассан

2023 оны зургадугаар сарын 25

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Хилийн өөрчлөлтийг сайжруулсан
  • Фонтын хэмжээтэй логикийг шинэчилсэн
  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • Дүүргэлтийн болон захын хөрвүүлэлтийн алдааг зассан

2023 оны зургадугаар сарын 12

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Жагсаалтын хөрвүүлэлт сайжирсан
  • Хүснэгтийн хөрвүүлэлт сайжирсан

Алдааны засварлалтууд

  • Сүлжээний хөрвүүлэлтийн алдааг зассан

2023 оны зургадугаар сарын 6

Шинэ онцлог, сайжруулалт

Та одоо хуулсан файлаа CSS рүү хөрвүүлэх боломжтой. Энэ бол маш их эрэлт хэрэгцээтэй функц бөгөөд бид үүнийг гаргахдаа баяртай байна!

Ингэснээр та төслүүд дээрээ хялбархан ажиллах боломжтой болно.

Загварын форматуудын ялгааг баримтаас харна уу
Баримт бичиг2023 оны зургадугаар сарын 6

Сайжруулалт

  • Tailwind CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Жагсаалтын хөрвүүлэлт сайжирсан
  • Сайжруулсан сүлжээ хөрвүүлэлт

2023 оны тавдугаар сарын 27

Сайжруулалт болон алдааны засварууд

Сайжруулалт

  • Tailwind CSS кодыг хуулах гарын товчлолыг нэмсэн. Та элементийг хуулахын тулд "D" товчийг дарж болно.
  • Сайжруулсан SVG хөрвүүлэлт
  • Tailwind CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

Алдааны засварлалтууд

  • JSX хөрвүүлэлтэд буруу мөр оруулах алдааг зассан
  • Алдаа болон асуудлыг мэдээлж байгаа та бүхэнд баярлалаа! Бид тэдгээрийг аль болох хурдан засахаар ажиллаж байна.

2023 оны тавдугаар сарын 18

Шинэ онцлог, сайжруулалт

Та одоо хуулсан HTML-г JSX болгон хөрвүүлэх боломжтой! Энэ бол маш их эрэлт хэрэгцээтэй функц бөгөөд бид үүнийг гаргахдаа баяртай байна.

Энэ нь танд NextJS эсвэл React төслүүд дээрээ хялбархан ажиллах боломжийг олгоно.

2023 оны тавдугаар сарын 18

Сайжруулалт

  • Tailwind CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код

2023 оны тавдугаар сарын 14

Firefox хувилбар 🦊

DivMagic Firefox дээр гарлаа! Та одоо Firefox болон Chrome дээр DivMagic ашиглах боломжтой.

Та Firefox-д зориулсан DivMagic-ийг эндээс татаж авах боломжтой: Firefox

2023 оны тавдугаар сарын 12

Сайжруулалт

DivMagic-ийг сүүлийн 2 хоногт 100 гаруй удаа суулгасан! Сонирхсон, санал хүсэлтээ өгсөнд баярлалаа.

Бид сайжруулалт, алдаа зассан шинэ хувилбарыг гаргаж байна.

  • Tailwind CSS гаралтын хэмжээг багасгахын тулд сайжруулсан загварын оновчлолын код
  • Сайжруулсан SVG хөрвүүлэлт
  • Хилийн дэмжлэгийг сайжруулсан
  • Дэвсгэр зургийн дэмжлэг нэмсэн
  • iFrames-ийн талаар анхааруулга нэмсэн (Одоогоор DivMagic iFrames дээр ажиллахгүй байна)
  • Арын дэвсгэр өнгийг ашиглаагүй алдааг зассан

2023 оны тавдугаар сарын 9

🚀 DivMagic-н нээлт!

Бид дөнгөж сая DivMagic-г эхлүүллээ! DivMagic-ийн анхны хувилбар одоо ажиллаж байгаа бөгөөд таны ашиглахад бэлэн боллоо. Таны юу бодож байгааг харахад бид баяртай байна!

  • Дурын элементийг Tailwind CSS рүү хуулж хөрвүүлнэ үү
  • Өнгө нь Tailwind CSS өнгө рүү хөрвүүлэгддэг

© 2024 DivMagic, Inc. Бүх эрх хуулиар хамгаалагдсан.