حماية المحتوى من السرقة بتعطيل F12

اذا كنت مطور او كاتب ولا تريد للاخرين بسرقة جهدك فاليوم هذا الموضوع مخصص لك انت بالذات , كثير من المطورين واصحاب المواقع وخصوصا الذين يكتبون نصوص يعانون من مشكلة سرقة التصميم وسرقة الستايلات والقوالب بوجه عام , ولاكن لنأخذها خطوة خطوة , كيف يتم سرقة التصميم ؟ سواء اكواد القالب أو المحتوى؟

كيف حماية المحتوى في بلوجر

طبعا طريقة سرقة المحتوى تكون من خلال المتصفح نفسه , وهناك الكثير من الادوات التي تساعد على ذالك وبكل وضوح , ومن اشهر الادوات ؟, الاداة Inspect Element التي في جوجل كروم ( جرب ان تضغط الان F12 ) , وهناك ايضا اداة في فايرفوكس، للأسف كثير من الناس تستخدمها في اخذ التصاميم وانتهاكها , ولاكن اليوم سنوقف حركتهم بالكامل انشاءالله , سبق وان شرحت تعطيل كلك يمين , واليوم سنكمل الحماية بتعطيل F12 في المتصفحات , لكي يتم منعهم من اخذ اي شيء من تصميماتك .

خطوات حماية المحتوى من السرقة :-

لمنع نسخ وتحديد أي نص داخل مواضيعك

• ادخل مدونتك .
• المظهر ، حرر القالب HTML .
• ابحث عن ]]></b:skin>
• الصق هذا الكود فوقه :

.post-body {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;}
.post blockquote,.post pre,.post code{
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;}

كود JS لحماية مدونه بلوجر

هذا كود Javascript فهو عام ويقوم بعمل تعطيل لزر F12 ومنع زر CTRL+SHIFT+I ومنع زر CTRL+U

• من داخل تحرير HTML ابحث عن <body/>
• قبله مباشر تضيف الكود التالي :

<script>
/*<![CDATA[*/
var message = 'غير مسموح بهذا الامر لحماية المحتوى.';
///////////////////////////////////
function showAlert() {
    alert(message);
}

function clickIE4() {
    if (2 == event.button) {
        showAlert();
        return false;
    }
}

function clickNS4(e) {
    if ((document.layers || (document.getElementById && !document.all)) && (2 == e.which || 3 == e.which)) {
        showAlert();
        return false;
    }
}

document.oncontextmenu = function () {
    showAlert();
    return false;
};

document.onkeydown = function (e) {
    if (
        123 == event.keyCode ||
        (e.ctrlKey && 73 == e.keyCode) ||
        (e.ctrlKey && 67 == e.keyCode) ||
        (e.ctrlKey && 74 == e.keyCode) ||
        (e.ctrlKey && 80 == e.keyCode) ||
        (e.ctrlKey && 85 == e.keyCode) ||
        (e.ctrlKey && 83 == e.keyCode)
    ) {
        showAlert();
        return false;
    }
};
/*]]>*/
</script>

شرح الكود

هذا الكود هو جزء من لغة برمجة JavaScript ويستخدم لتطبيق بعض الإجراءات لحماية المحتوى على صفحة الويب. دعونا نشرح ما يفعله الكود:

1. . يتم تعريف المتغير `message` بقيمة "غير مسموح بهذا الامر لحماية المحتوى" وهو النص الذي سيتم عرضه في نافذة التنبيه.
2. . يتم تعريف الدالة `showAlert()` التي تقوم بعرض نافذة تنبيه (`alert`) تحتوي على قيمة المتغير `message`.
3. . يتم تعيين الدالة `showAlert()` لتنفيذ عند حدوث حدث `oncontextmenu`، والذي يتم تنشيطه عند النقر بزر الماوس الأيمن (النقر بالزر الأيمن للفأرة).
4. . يتم تعيين الدالة المشابهة `showAlert()` لتنفيذ عند حدوث حدث `onkeydown`، والذي يتم تنشيطه عند الضغط على أزرار المفاتيح.
5. . الشرط داخل الدالة `onkeydown` يتحقق من الأحداث التالية:

• - الضغط على مفتاح F12 (123 == event.keyCode).
• - الضغط على Ctrl+I (e.ctrlKey && 73 == e.keyCode).
• - الضغط على Ctrl+C (e.ctrlKey && 67 == e.keyCode).
• - الضغط على Ctrl+J (e.ctrlKey && 74 == e.keyCode).
• - الضغط على Ctrl+P (e.ctrlKey && 80 == e.keyCode).
• - الضغط على Ctrl+U (e.ctrlKey && 85 == e.keyCode).
• - الضغط على Ctrl+S (e.ctrlKey && 83 == e.keyCode).

إذا تم الكشف عن واحدة من هذه الأحداث، ستتم استدعاء الدالة `showAlert()` ويتم منع السلوك الافتراضي لتلك الأحداث بواسطة `return false`.

الخلاصة -

بشكل عام، الهدف من هذا الكود هو منع الزوار من استخدام بعض الإجراءات المتاحة في المتصفح مثل فتح أدوات المطور (F12) أو نسخ النص (Ctrl+C) أو طباعة الصفحة (Ctrl+P) وما إلى ذلك. يتم عرض رسالة تنبيه للمستخدم لإعلامه بأن الإجراء غير مسموح به على هذه الصفحة.