كيف يمكنني العثور على صور غير المستخدمة و أنماط CSS في الموقع ؟ [مغلقة]
https://stackoverflow.com/questions/33242
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
هل هناك طريقة أخرى (من التجربة والخطأ) لا يمكن استخدامها للعثور على غير المستخدمة صورة الملفات ؟ ماذا عن CSS الإعلانات على الهوية و الفئات التي لا توجد في الموقع ؟
يبدو أن هناك طريقة لكتابة السيناريو الذي بفحص الموقع الشخصي ، والتي ترى الصور و الأساليب أبدا تحميلها.
المحلول
هناك فايرفوكس التمديد الذي يجد غير المستخدمة محددات CSS في الصفحة.كان لديه خيار العنكبوت الموقع بأكمله.الإصدار 3.01 يجب أن تعمل مع أحدث الإصدارات من فايرفوكس.
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
و هنا خيار آخر.
نصائح أخرى
لم يكن لديك لدفع أي خدمة ويب أو البحث عن الملحق لديك بالفعل هذا في جوجل كروم تحت F12 (Inspector)->Audits->Remove unused CSS rules
لقطة:
تحديث:30 يونيو 2017
الآن كروم يوفر 59 CSS و JS التعليمات البرمجية التغطية.انظر https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage
على مستوى الملف:
إستعمل بقوة العنكبوت الموقع ومن ثم معالجة http سجلات الخادم للحصول على قائمة الملفات الوصول إليها من مهرجان دبي السينمائي الدولي هذا مع الملفات في الموقع
diff \
<(sed some_rules httpd_log | sort -u) \
<(ls /var/www/whatever | sort -u) \
| grep something
CSS التكرار مدقق هو أداة تشغيل محليا ، والتي تمر من الأنماط و إما قائمة عناوين url أو دليل من ملفات HTML.هنا هو وصف يطلق على الأداة الموقع:
سيناريو بسيط أنه بالنظر إلى ورقة أنماط CSS و إما .ملف txt قائمة عناوين المواقع من ملفات HTML أو دليل من ملفات HTML, سيتم تكرار على كل منهم قائمة CSS البيانات في الأنماط التي هي لا يسمى في HTML.
أساسا ، فإنه يساعدك على الحفاظ على ملفات CSS ذات الصلة وصغيرة الحجم.و إنه دقيق إلى حد معقول.
محاولة WARI تطبيق ويب الموارد المفتش.
فإنه يجد غير المستخدمة الصور غير مكررة CSS/JS.
الرابط: wari.konem.net
كما أشار تيم مرتو على جانب قائمة بلوق وظيفة،"اثنين من الأدوات للحفاظ على CSS الخاص بك نظيفة":
csscss سيتم تحليل أي ملفات CSS تعطيه وتتيح لك معرفة التي rulesets قد تتكرر الإعلانات.
والأكثر أهمية على السؤال:
الهليوم-css
الهيليوم هو أداة اكتشاف غير المستخدمة CSS عبر العديد من الصفحات على شبكة الإنترنت الموقع.
أداة جافا سكريبت على أساس ويعمل من المتصفح.
الهليوم يقبل قائمة من عناوين المواقع على أقسام مختلفة من الموقع ثم الأحمال يوزع كل صفحة إلى بناء قائمة من جميع الأنماط.ذلك ثم مرة كل صفحة في قائمة URL و الشيكات إذا كان محددات وجدت في الأنماط تستخدم على صفحات.وأخيرا ، فإنه يولد تقرير تفاصيل كل الأنماط و محددات لا وجد أن استخدامها على أي من صفحات معينة.
أذكر Adobe Dreamweaver أو Adobe Golive وجود ميزة البحث عن كل اليتامى الأساليب والصور ، لا أتذكر الآن.ربما على حد سواء ، ولكن الميزات التي كانت مخبأة بشكل جيد.
TopStyle لديه مجموعة من الأدوات لتحديد موقع و التعامل مع اليتيم الطبقات.فإنه سيتم أيضا تعطيك تقارير عن أين معرفات و الطبقات المستخدمة في HTML, مما يسمح لك بسرعة فتح و تخطي ذات الصلة العلامات.وهنا دعاية من الموقع حول هذه الميزة:
تقارير الموقع:ترى في لمحة حيث الأساليب المستخدمة في موقع الويب الخاص بك.معرفة حيث يمكنك تطبيق نمط الطبقات التي لا يعرف في أي نمط أوراق أو نمط الطبقات قمت بتعريف التي لم يتم استخدامها.
مفيدة جدا تشريح مواقع غير مألوفة.
لا تجد غير المستخدمة الصور, على الرغم من.
كروم كناري بناء لديه خيار في المطور شريط أدوات "CSS التغطية" باعتبارها واحدة من التجريبية المطور الميزات.هذه الخيارات تأتي في الجدول الزمني التبويب يمكن استخدامها للحصول على قائمة غير المستخدمة CSS.
يرجى ملاحظة أنك سوف تحتاج إلى تمكين هذه الميزة في إعدادات في شريط أدوات المطور أيضا.هذه الميزة ربما ينبغي أن تجعل الرسمية كروم الإصدار.
لقد وجدت هذه الأداة التي تعمل مع جميع الإصدارات من فايرفوكس!فإنه يأخذ القليل من الوقت لتعلم كيف يعمل, ولكن بمجرد أن يبدأ يبدو جيد جدا.فإنه سيتم حفظ نسخة جديدة من CSS مع لاحظ خارج محددات CSS حتى تتمكن من العودة بسرعة إذا كنت بحاجة إلى.
هذه الأداة الصغيرة يعطيك قائمة من قواعد css في استخدام بعض html.
ومن هنا على رمز القلم
انقر على تشغيل التعليمات البرمجية المتكررة, ثم انقر على صفحة كاملة للحصول على ذلك.ثم اتبع الإرشادات الموجودة في المقتطف.يمكنك تشغيل صفحة كاملة أن نرى ذلك العمل الخاص بك مع html / css.
ولكن من الأسهل فقط أن المرجعية بلدي رمز القلم كأداة.
/* CSS CLEANER INSTRUCTIONS
1. Paste your HTML into the HTML window
2. Paste your CSS into the CSS window
5. The web page result now ends with a list of just the CSS used by your HTML!
*/
function cssRecursive(e) {
var cssList = css(e);
for (var i = 0; i < e.children.length; ++i) {
var childElement = e.children[i];
cssList = union(cssList, cssRecursive(childElement));
}
return cssList;
}
function css(a) {
var sheets = document.styleSheets,
o = [];
a.matches = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector || a.msMatchesSelector || a.oMatchesSelector;
for (var i in sheets) {
var rules = sheets[i].rules || sheets[i].cssRules;
for (var r in rules) {
if (a.matches(rules[r].selectorText)) {
o.push(rules[r].cssText);
}
}
}
return o;
}
function union(x, y) {
return unique(x.concat(y));
};
function unique(x) {
return x.filter(function(elem, index) {
return x.indexOf(elem) == index;
});
};
document.write("<br/><hr/><code style='background-color:white; color:black;'>");
var allCss = cssRecursive(document.body);
for (var i = 0; i < allCss.length; ++i) {
var cssRule = allCss[i];
document.write(cssRule + "<br/>");
}
document.write("</code>");جميع الأدوات المذكورة هنا هي كبيرة CSS.أنا لا أعرف عن Dreamweaver & Co.ولكن أنا قدمت برنامج صغير حين يعود إلى تساعدني في تنظيف موقع الويب الخاص بي المشاريع
فإنه لا يساعد مع CSS & الاشياء, ولكن بدلا من ذلك مع اليتامى الصور وغيرها من أنواع الملفات.
نأمل أن يساعد!
الهليوم المغلق هو أداة عظيمة لهذا.وتجدر الإشارة إلى أنه على الرغم من أن تشغيل هذه الأداة على التنمية المحلية أو نسخة من موقع الويب الخاص بك.إذا قمت بتشغيل هذا على نسخة الانتاج, الزوار الخاص بك سوف تكون قادرا على رؤية الهيليوم بيئة اختبار.
بالنسبة لسؤالك عن أداة البحث المستخدمة ملفات الصور ، يمكنك استخدام زينو Link Sleuth العنكبوت موقع الويب الخاص بك للعثور على جميع الصور التي يستخدم الموقع الخاص بك.ثم زينو يطالبك الوصول ftp بحيث يمكن أن الزحف الخاص بك إلى الدلائل العثور على ملفات الأيتام.أنا لم تستخدم حتى الآن على خادم الإنتاج ولكن يبدو تستحق أن ننظر إلى.
تحرير:عليك أن تكون حريصا على عدم حذف الصور التي يتم استخدامها من قبل جافا سكريبت.
