it-swarm-id.com

Bagaimana cara Facebook menonaktifkan Alat Pengembang terintegrasi browser?

Jadi rupanya karena penipuan baru-baru ini, alat pengembang dieksploitasi oleh orang untuk mengirim spam dan bahkan digunakan untuk "meretas" akun. Facebook telah memblokir alat pengembang, dan saya bahkan tidak bisa menggunakan konsol.

Enter image description here

Bagaimana mereka melakukan itu ?? Satu posting Overflow mengklaim bahwa itu tidak mungkin , tetapi Facebook telah membuktikan mereka salah.

Cukup buka Facebook dan buka alat pengembang, ketik satu karakter ke konsol, dan peringatan ini muncul. Apa pun yang Anda masukkan, itu tidak akan dieksekusi.

Bagaimana ini mungkin?

Mereka bahkan memblokir pelengkapan otomatis di konsol:

Enter image description here

1602

Saya seorang insinyur keamanan di Facebook dan ini adalah kesalahan saya. Kami sedang menguji ini untuk beberapa pengguna untuk melihat apakah itu dapat memperlambat beberapa serangan di mana pengguna ditipu untuk menempelkan kode JavaScript (jahat) ke konsol browser.

Untuk lebih jelasnya: mencoba memblokir peretas sisi klien adalah ide buruk secara umum; .__ ini untuk melindungi terhadap serangan rekayasa sosial spesifik .

Jika Anda berakhir di grup tes dan merasa terganggu dengan ini, maaf . Saya mencoba membuat halaman opt-out yang lama (sekarang halaman bantuan ) sesederhana mungkin sambil tetap cukup menakutkan untuk berhenti setidaknya beberapa dari para korban.

Kode aktual sangat mirip dengan tautan @ joeldixon66 ; milik kami sedikit lebih rumit tanpa alasan.

Chrome membungkus semua kode konsol

with ((console && console._commandLineAPI) || {}) {
  <code goes here>
}

... jadi situs tersebut mengubah console._commandLineAPI untuk dibuang:

Object.defineProperty(console, '_commandLineAPI',
   { get : function() { throw 'Nooo!' } })

Ini tidak cukup (coba saja!) , tapi itulah trik utama


Epilog: Tim Chrome memutuskan bahwa mengalahkan konsol dari sisi pengguna JS adalah bug dan memperbaiki masalah , menjadikan teknik ini tidak valid. Setelah itu, perlindungan tambahan ditambahkan ke melindungi pengguna dari self-xss

2339
Alf

Saya menemukan skrip buster konsol Facebook menggunakan alat pengembang Chrome. Ini adalah skrip dengan perubahan kecil untuk keterbacaan. Saya telah menghapus bit yang tidak bisa saya mengerti:

Object.defineProperty(window, "console", {
    value: console,
    writable: false,
    configurable: false
});

var i = 0;
function showWarningAndThrow() {
    if (!i) {
        setTimeout(function () {
            console.log("%cWarning message", "font: 2em sans-serif; color: yellow; background-color: red;");
        }, 1);
        i = 1;
    }
    throw "Console is disabled";
}

var l, n = {
        set: function (o) {
            l = o;
        },
        get: function () {
            showWarningAndThrow();
            return l;
        }
    };
Object.defineProperty(console, "_commandLineAPI", n);
Object.defineProperty(console, "__commandLineAPI", n);

Dengan ini, konsol-otomatis gagal secara diam-diam sementara pernyataan yang diketik di konsol akan gagal dijalankan (pengecualian akan dicatat).

Referensi:

78
Salman A

Saya tidak dapat memicunya pada halaman mana pun. Versi yang lebih kuat dari ini akan melakukannya:

window.console.log = function(){
    console.error('The developer console is temp...');
    window.console.log = function() {
        return false;
    }
}

console.log('test');

Untuk menata keluaran: Warna dalam konsol JavaScript

Edit Berpikir @ joeldixon66 memiliki ide yang tepat: Nonaktifkan eksekusi JavaScript dari konsol «::: KSpace :::

38
Will

Netflix juga mengimplementasikan fitur ini

(function() {
    try {
        var $_console$$ = console;
        Object.defineProperty(window, "console", {
            get: function() {
                if ($_console$$._commandLineAPI)
                    throw "Sorry, for security reasons, the script console is deactivated on netflix.com";
                return $_console$$
            },
            set: function($val$$) {
                $_console$$ = $val$$
            }
        })
    } catch ($ignore$$) {
    }
})();

Mereka hanya menimpa console._commandLineAPI untuk membuang kesalahan keamanan.

22
Fizer Khan

Ini sebenarnya mungkin karena Facebook bisa melakukannya . Yah, bukan alat pengembang web yang sebenarnya tetapi eksekusi Javascript di konsol.

Lihat ini: Bagaimana cara Facebook menonaktifkan Alat Pengembang terintegrasi browser?

Ini benar-benar tidak akan banyak membantu karena ada cara lain untuk mem-bypass jenis keamanan sisi klien ini.

Ketika Anda mengatakan itu adalah sisi klien, itu terjadi di luar kendali server, jadi tidak banyak yang dapat Anda lakukan. Jika Anda bertanya mengapa Facebook masih melakukan ini, ini bukan untuk keamanan tetapi untuk melindungi pengguna normal yang tidak tahu javascript dari menjalankan kode (bahwa mereka tidak tahu cara membaca) ke konsol. Ini umum untuk situs yang menjanjikan layanan auto-liker atau bot fungsionalitas Facebook lainnya setelah Anda melakukan apa yang mereka minta Anda lakukan, di mana dalam kebanyakan kasus, mereka memberi Anda potongan javascript untuk dijalankan di konsol.

Jika Anda tidak memiliki pengguna sebanyak Facebook, maka saya rasa tidak perlu melakukan apa yang dilakukan Facebook.

Bahkan jika Anda menonaktifkan Javascript di konsol, menjalankan javascript melalui bilah alamat masih dimungkinkan.

 enter image description here

 enter image description here

dan jika peramban menonaktifkan javascript di bilah alamat, (Ketika Anda menempelkan kode ke bilah alamat di Google Chrome, itu menghapus frasa 'javascript:') menempelkan javascript ke salah satu tautan melalui elemen periksa masih dimungkinkan.

Periksa jangkar:

 enter image description here

Tempel kode dalam href:

 enter image description here

 enter image description here

 enter image description here

Intinya adalah validasi sisi server dan keamanan harus menjadi yang pertama, kemudian lakukan sisi klien.

20
Jomar Sevillejo

Chrome banyak berubah sejak facebook dapat menonaktifkan konsol ... 

Per Maret 2017 ini tidak berfungsi lagi. 

Yang terbaik yang dapat Anda lakukan adalah menonaktifkan beberapa fungsi konsol, misalnya:

if(!window.console) window.console = {};
var methods = ["log", "debug", "warn", "info", "dir", "dirxml", "trace", "profile"];
for(var i=0;i<methods.length;i++){
    console[methods[i]] = function(){};
}
7
Alpha2k

Cara sederhana saya, tetapi dapat membantu untuk variasi lebih lanjut tentang hal ini . Daftar semua metode dan mengubahnya menjadi tidak berguna.

  Object.getOwnPropertyNames(console).filter(function(property) {
     return typeof console[property] == 'function';
  }).forEach(function (verb) {
     console[verb] =function(){return 'Sorry, for security reasons...';};
  });
6
Dusan Krstic

Devtools secara internal menyuntikkan IIFE bernama getCompletions ke dalam halaman, disebut ketika tombol ditekan di dalam konsol Devtools. 

Melihat sumber fungsi itu , ia menggunakan beberapa fungsi global yang dapat ditimpa.

Dengan menggunakan Error constructor dimungkinkan untuk mendapatkan tumpukan panggilan, yang akan mencakup getCompletions saat dipanggil oleh Devtools.


Contoh:

const disableDevtools = callback => {
  const original = Object.getPrototypeOf;

  Object.getPrototypeOf = (...args) => {
    if (Error().stack.includes("getCompletions")) callback();
    return original(...args);
  };
};

disableDevtools(() => {
  console.error("devtools has been disabled");

  while (1);
});

3
samdd

solusi sederhana!

setInterval(()=>console.clear(),1500);

Saya akan mengikuti:

Object.defineProperty(window, 'console', {
  get: function() {

  },
  set: function() {

  }
});
0
Zibri

Ini bukan tindakan pengamanan agar kode lemah dibiarkan tanpa pengawasan. Selalu dapatkan solusi permanen untuk kode lemah dan amankan situs web Anda dengan benar sebelum menerapkan strategi ini

Alat terbaik sejauh ini menurut pengetahuan saya adalah menambahkan beberapa file javascript yang hanya mengubah integritas halaman kembali normal dengan menyegarkan atau mengganti konten. Menonaktifkan alat pengembang ini bukan ide terbaik karena mem-bypass selalu dipertanyakan karena kode merupakan bagian dari browser dan bukan rendering server, sehingga bisa di-crack. 

Jika Anda memiliki js file one memeriksa <element> perubahan pada elemen penting dan js file two dan js file three memeriksa bahwa file ini ada per periode Anda akan memiliki integritas penuh memulihkan pada halaman dalam periode tersebut. 

Mari kita ambil contoh dari 4 file dan tunjukkan apa yang saya maksud. 

index.html

   <!DOCTYPE html>
   <html>
   <head id="mainhead">
   <script src="ks.js" id="ksjs"></script>
   <script src="mainfile.js" id="mainjs"></script>
   <link rel="stylesheet" href="style.css" id="style">
   <meta id="meta1" name="description" content="Proper mitigation against script kiddies via Javascript" >
   </head>
   <body>
   <h1 id="heading" name="dontdel" value="2">Delete this from console and it will refresh. If you change the name attribute in this it will also refresh. This is mitigating an attack on attribute change via console to exploit vulnerabilities. You can even try and change the value attribute from 2 to anything you like. If This script says it is 2 it should be 2 or it will refresh. </h1>
   <h3>Deleting this wont refresh the page due to it having no integrity check on it</h3>

   <p>You can also add this type of error checking on meta tags and add one script out of the head tag to check for changes in the head tag. You can add many js files to ensure an attacker cannot delete all in the second it takes to refresh. Be creative and make this your own as your website needs it. 
   </p>

   <p>This is not the end of it since we can still enter any tag to load anything from everywhere (Dependent on headers etc) but we want to prevent the important ones like an override in meta tags that load headers. The console is designed to edit html but that could add potential html that is dangerous. You should not be able to enter any meta tags into this document unless it is as specified by the ks.js file as permissable. <br>This is not only possible with meta tags but you can do this for important tags like input and script. This is not a replacement for headers!!! Add your headers aswell and protect them with this method.</p>
   </body>
   <script src="ps.js" id="psjs"></script>
   </html>

mainfile.js

   setInterval(function() {
   // check for existence of other scripts. This part will go in all other files to check for this file aswell. 
   var ksExists = document.getElementById("ksjs"); 
   if(ksExists) {
   }else{ location.reload();};

   var psExists = document.getElementById("psjs");
   if(psExists) {
   }else{ location.reload();};

   var styleExists = document.getElementById("style");
   if(styleExists) {
   }else{ location.reload();};


   }, 1 * 1000); // 1 * 1000 milsec

ps.js

   /*This script checks if mainjs exists as an element. If main js is not existent as an id in the html file reload!You can add this to all js files to ensure that your page integrity is perfect every second. If the page integrity is bad it reloads the page automatically and the process is restarted. This will blind an attacker as he has one second to disable every javascript file in your system which is impossible.

   */

   setInterval(function() {
   // check for existence of other scripts. This part will go in all other files to check for this file aswell. 
   var mainExists = document.getElementById("mainjs"); 
   if(mainExists) {
   }else{ location.reload();};

   //check that heading with id exists and name tag is dontdel.
   var headingExists = document.getElementById("heading"); 
   if(headingExists) {
   }else{ location.reload();};
   var integrityHeading = headingExists.getAttribute('name');
   if(integrityHeading == 'dontdel') {
   }else{ location.reload();};
   var integrity2Heading = headingExists.getAttribute('value');
   if(integrity2Heading == '2') {
   }else{ location.reload();};
   //check that all meta tags stay there
   var meta1Exists = document.getElementById("meta1"); 
   if(meta1Exists) {
   }else{ location.reload();};

   var headExists = document.getElementById("mainhead"); 
   if(headExists) {
   }else{ location.reload();};

   }, 1 * 1000); // 1 * 1000 milsec

ks.js

   /*This script checks if mainjs exists as an element. If main js is not existent as an id in the html file reload! You can add this to all js files to ensure that your page integrity is perfect every second. If the page integrity is bad it reloads the page automatically and the process is restarted. This will blind an attacker as he has one second to disable every javascript file in your system which is impossible.

   */

   setInterval(function() {
   // check for existence of other scripts. This part will go in all other files to check for this file aswell. 
   var mainExists = document.getElementById("mainjs"); 
   if(mainExists) {
   }else{ location.reload();};
   //Check meta tag 1 for content changes. meta1 will always be 0. This you do for each meta on the page to ensure content credibility. No one will change a meta and get away with it. Addition of a meta in spot 10, say a meta after the id="meta10" should also be covered as below.
   var x = document.getElementsByTagName("meta")[0];
   var p = x.getAttribute("name");
   var s = x.getAttribute("content");
   if (p != 'description') {
   location.reload();
   }
   if ( s != 'Proper mitigation against script kiddies via Javascript') {
   location.reload();
   }
   // This will prevent a meta tag after this meta tag @ id="meta1". This prevents new meta tags from being added to your pages. This can be used for scripts or any tag you feel is needed to do integrity check on like inputs and scripts. (Yet again. It is not a replacement for headers to be added. Add your headers aswell!)
   var lastMeta = document.getElementsByTagName("meta")[1];
   if (lastMeta) {
   location.reload();
   }
   }, 1 * 1000); // 1 * 1000 milsec

style.css

Sekarang ini hanya untuk menunjukkan itu berfungsi pada semua file dan tag juga

   #heading {
   background-color:red;
   }

Jika Anda meletakkan semua file ini bersama-sama dan membangun contoh Anda akan melihat fungsi dari ukuran ini. Ini akan mencegah beberapa suntikan yang tidak terduga jika Anda menerapkannya dengan benar pada semua elemen penting dalam file indeks Anda terutama ketika bekerja dengan PHP.

Mengapa saya memilih memuat ulang alih-alih mengubah kembali ke nilai normal per atribut adalah kenyataan bahwa beberapa penyerang dapat memiliki bagian lain dari situs web yang sudah dikonfigurasi dan siap dan mengurangi jumlah kode. Muat ulang akan menghapus semua kerja keras penyerang dan dia mungkin akan bermain di tempat yang lebih mudah.

Catatan lain: Ini bisa menjadi banyak kode jadi tetap bersih dan pastikan untuk menambahkan definisi di mana mereka membuat pengeditan menjadi mudah di masa depan. Juga atur detik ke jumlah pilihan Anda karena interval 1 detik pada halaman besar dapat memiliki efek drastis pada komputer lama yang mungkin digunakan pengunjung Anda

0
user9374996