تحديث الملف باستخدام أداة المطورين / الحرائق

Question

هل هناك طريقة من خلالها يمكنني حفظ التغييرات التي تم إجراؤها في أداة المطورين كروم أو الحرائق مباشرة إلى الملف??بافتراض أنني قرأت/اكتب الوصول إلى هذا الملف.

أو, هل هناك أي أداة التنمية(ق) التي يمكن تحديث التغييرات بطريقة مماثلة (أو واجهة المستخدم مماثلة)??

Answer 1

نعم ، في فايرفوكس ، إذا كنت تستخدم أيضا ممتازة مطور ويب إضافة على...

باستخدام هذه الوظيفة الإضافية ، حدد عرض المصدر -> عرض المصدر الذي تم إنشاؤه.
سيؤدي هذا إلى فتح الحالة الحالية لـ "ملف"هتمل¹ كما تم تعديله بواسطة شبيبة وأي تعديلات يدوية قمت بها في الحرائق.

من النافذة المنبثقة ، يمكنك "حفظ باسم" الملف ، أو النسخ واللصق حسب الرغبة.

لاحظ أن هذا الملف الذي تم إنشاؤه سيكون له عدد كبير من أنماط الحرائق (يمكن تحديدها بسهولة) وقد يكون style سمات تعيين على العناصر التي شبيبة.

¹ لسوء الحظ ، فإنه لا التقاط التغييرات على ملفات كس أو جس التي ترتبط في.
لهذا السبب عند التغيير والتبديل مع فيريبوج ، أود تغيير كس و جس عن طريق إلحاق قواعد نمط ورمز إلى هتمل "ملف".
بمجرد أن تبدو الصفحة / تعمل بالقرب مما هو مرغوب فيه ، يتم التقاط التغييرات عبر عرض المصدر الذي تم إنشاؤه, ، ثم دمجها في الملفات المرتبطة حسب الضرورة.

Answer 2

في Chrome Dev Tools ، من الممكن حفظ ملفات CSS و JavaScript التي تم تغييرها من لوحة Sources ، ومعرفة التغييرات (الاختلافات) التي تم إجراؤها على هذه الملفات.

على سبيل المثال:

1. افتح ملف JavaScript أو CSS في لوحة المصادر.

2. انقر في المصدر.

3. إجراء التغييرات.

4. اضغط على Command-S أو Ctrl-S لحفظ التغييرات.

5. انقر بزر الماوس الأيمن على شفرة المصدر (أو في شجرة المصادر بلوحة المصادر) وحدد التعديلات المحلية لعرض تعيين الإصدار.

6. انقر بزر الماوس الأيمن وحدد "حفظ باسم ..." واختر موقعًا على القرص لحفظ الملف.سيتم حفظ عمليات الحفظ اللاحقة في هذا الموقع.

Answer 3

يوجد مشروع جافا لـ Eclipse / Chrome:

http://code.google.com/p/chromedevtools/

إنه مصحح أخطاء JavaScript فقط (لا ترى CSS أو شبكة إلخ) ، ولكن يمكنك إعداد مشروع Eclipse الخاص بك بحيث يتم تصحيح الأخطاء وتحرير نفس الملفات (بالإضافة إلى التحرير المباشر). يعد إعداد ملفات المصدر أمرًا صعبًا بعض الشيء في الإصدار الحالي

http://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles

(نأمل أن يكون الإصدار التالي أسهل).

جنبًا إلى جنب مع JSDT أو Aptana أو دعم JavaScript آخر ، يمكنك الحصول على مصحح أخطاء IDE + لطيف لمتصفح Chrome.

Answer 4

لا.الكود الذي تقوم بتحريره هو كود العميل المعروض.لا توجد طريقة للتأثير على الكود الجانبي للخادم من خلال المتصفح.على أي حال ، فإن دلالات مثل هذه العملية تتعطل حقًا إذا كان الملف (الملفات) الأساسي على جانب الخادم غير ثابت.