ظَفِرَ أهلُ الإسكندرية وعسكَرُ مصرَ بأسطولِ الفِرنجِ مِن صقليَّةَ، وكان سبَبُ ذلك إرسالَ أهل مصر إلى ملك الفرنج بساحلِ الشَّامِ، وإلى صاحبِ صقليَّةَ، ليَقصِدوا ديارَ مِصرَ ليثُوروا على صلاحِ الدين ويُخرجوه من مصر، فجَهَّزَ صاحبُ صقلية أسطولًا كبيرًا، وسَيَّرَه إلى الإسكندرية من ديار مصر، فوصلوا إليها في التاسع والعشرين من ذي الحجة سنة 569، على حينِ غَفلةٍ مِن أهلها وطمأنينةٍ، فخرج أهل الإسكندرية بعُدَّتِهم وسلاحِهم ليمنَعوهم من النزول، وأبعدوا عن البلدِ، فمنعهم الوالي من ذلك، وأمرهم بملازمة السور، ونزل الفرنجُ إلى البَرِّ مما يلي البحر والمنارة، وتقدموا إلى المدينة ونَصَبوا عليها الدبَّابات والمجانيق، وقاتلوا أشد قتال، وصبر لهم أهلُ البلد، وسُيِّرَت الكتُبُ بالحال إلى صلاح الدين يستدعونه لدفعِ العَدُوِّ عنهم، ووصل من العساكِرِ المسلمين كلُّ من كان له في أقطاعه، وهو قريبٌ من الإسكندرية، فقَوِيَت بهم نفوسُ أهل الإسكندرية، وأحسنوا القتالَ والصبر، فلما كان اليومُ الثالث فتح المسلمون باب البلَدِ وخرجوا منه على الفرنجِ مِن كل جانب، وهم غارُّون، واشتد القتالُ، فوصل المسلِمونَ إلى الدبابات فأحرقوها، وصَبَروا للقتال، فأنزل الله نَصْرَه عليهم، وفَشِلَ الفرنجُ وفتَرَ حربُهم، وكثُرَ القتل والجراح في رجالاتهم، وأما صلاح الدين فإنَّه لما وصله الخبر سار بعساكِرِه، وسيَّرَ مملوكًا له ومعه ثلاث جنائب ليجِدَّ السير عليها إلى الإسكندرية يبشِّرُ بوصوله، وسيَّرَ طائفة من العسكر إلى دمياط خوفًا عليها، واحتياطًا لها، فسار ذلك المملوك، فوصل الإسكندريةَ مِن يَومِه وقت العصر، والناسُ قد رجعوا من القتال، فنادى في البلدِ بمجيءِ صلاحِ الدين والعساكِر مُسرعين، فلمَّا سمع الناس ذلك عادوا إلى القتال، وقد زال ما بهم من تعَب وألمِ الجراح، وسمع الفرنجُ بقرب صلاح الدين في عساكره، فسُقِطَ في أيديهم، وازدادوا تعبًا وفتورًا، فهاجمهم المسلمونَ عند اختلاط الظلام، ووصلوا إلى خيامِهم فغَنِموها بما فيها من الأسلحةِ الكثيرة والتحمُّلات العظيمة، وكثُرَ القتل في رجالة الفرنجِ، فهرب كثيرٌ منهم إلى البحر، فغَلَبَهم أهلُ البلد وقهروهم، فصاروا بين قتيل وأسير، وكفى الله المسلمينَ شَرَّهم، وحاق بالكافرين مَكرُهم.
اللغة