7月25日，牙山灣豐島海域，北洋水師濟遠、廣乙，操江三艦正緩緩前行。
廣甲、廣乙、廣丙三艦因為廣東發生瘟疫，在聯合檢閱後滯留在旅順，隨著朝鮮局勢的緊張，李鴻章上書，將三艦調入北洋水師。
7月16日，清政府面對日本方面的咄咄逼人，終於開始有所行動，制訂了6條計劃，清軍抽調4路兵員，再加上駐守牙山的清軍，總計近2萬人馬，分5路前往平壤，其中走水路的清軍則由北洋水師掩護。
然而，這近2萬人馬除了調動之外，沒有詳細的指示，調動目的不明，作戰意圖不清，而北洋水師除了護航之外也沒有任何命令。和日本人詳細而明確的計劃一比，高下立判。
不過就算是這個絲毫不明確的計劃，依然執行的磕磕絆絆。駐守牙山的葉志超稱無論走水路還是走陸路前往平壤都不安全，居然拒絕執行，請求增援。
撤回平壤不安全，難道增兵至牙山就安全了？結果這個毫無邏輯的請求李鴻章居然同意了，於是又湊出2300餘人，由海路增援牙山。
濟遠、威遠、廣乙護送英國商船愛仁、飛鯨到牙山放下1400餘人後，先行返回威海衛。而濟遠號和廣乙號則去迎接由操江號護航的英國商船高昇號。
而日本人這邊則派出了和泉、吉野、浪速組成的第一遊擊隊去仁川接八重山號。
結果雙方在豐島水域不期而遇，而此時日清還未宣戰。
此時豐島水域風平浪靜，太陽初升，海風襲來，讓人心曠神怡。
不過濟遠管帶方伯謙卻感到感到煩躁不安：「都這麼長時間了，怎麼還沒看到操江？」
幫帶大副沈壽昌回答到：「大人，操江號航速不過9邁，又要護衛英人商船，當然快不起來。再往前行一陣子，應該就能會和了。」
「嗯，但願如此，會和之後，再將高昇號送至牙山，我們的差事就算完成了，可千萬別出什麼岔子。」
不過很快他的希望就破碎了，「右舷！大量煙柱！」桅盤上的水勇突然大聲喊道。
這個區域除了濟遠三艦外沒有其他北洋水師艦船了，那麼如此濃烈的煙柱只可能是日本海軍的軍艦所發出的。
「拉警報！通知各炮位，沒有我的命令不許開火！」方伯謙喊道，隨後喃喃自語到：「朝廷還未宣戰，倭人應該不會打過來吧？」
與此同時，坐鎮和泉號上坪井航三也對這次不期而遇驚異未定：「北洋水師不是全部撤回威海衛了嗎？怎麼會在這裡碰上？！」
雙方距離很快拉近到3000米，這個時候都能互相清楚的看清楚對面的艦船了。
「吉野、浪速還有德國剛賣給日本的那艘和泉，光憑我們和廣乙根本無力與之抗衡啊。」看著越來越近的三艘日艦，方伯謙十分緊張。
日本人三艦噸位都在4000噸以上，雖然那艘剛剛從德國買來的大艦的具體情況並不清楚，但是那5000餘噸的排水量帶來的氣勢就遠非3000噸不到的濟遠號可比。
「沒有我的命令，不許開火，明白了嗎？！」方伯謙趕緊又強調了一次，生怕自己這邊炮手一緊張，開了炮，雙方擦槍走火，自己可絕對沒有贏的可能。
方伯謙這邊很緊張，坪井航三也很緊張：「濟遠斷沒有可能獨自在此，若濟遠在此，說明北洋水師重回朝鮮水域，倘若定鎮二艦就在附近，我要是先下令開炮了，萬一定鎮二艦趕到這可如何是好？」
參謀釜谷忠道見坪井航三還拿不定主意，於是提醒到：「少將閣下，我們出航時伊東閣下曾經訓令：『若在牙山灣附近，中國艦隊力量弱小，則不必一戰；若力量強大，則進行攻擊。』」
坪井航三一聽，如果敵人強大，就要進攻，那麼就算定鎮二艦在此，也要見敵即戰的。
不過現在眼前只有濟遠和廣乙兩艦，定鎮二艦也不知道在不在附近，到底打不打？於是問釜谷忠道：「那你覺得眼前的兩艘北洋軍艦算是強大嗎？」
釜谷忠道回答到：「從表面上看，我們有三艦，他們只有兩艦，而且我們一艘和泉號估計就比他們兩艦加起來還大，火炮數量上也是我們有絕對的優勢，但是強不強，不打過又怎麼能知道呢？」
「你說了這麼多，意思就是要打。」
「是。」
坪井航三點了點頭：「那麼就打吧。」
7時52分，和泉號首先向濟遠號開火，濟遠號右側海面濺起了巨大的水柱。
「倭人開炮了！他們居然不宣而戰！」方伯謙又驚又怒：「開炮！給我打回去！」
隨著方伯謙的吼聲，早已就位的炮手迅速打出了還擊的炮彈，隨後廣乙號開火還擊，而日本艦隊的吉野和浪速也加入炮戰序列，隆隆的炮聲響徹整個豐島海面。
甲午戰爭的第一炮，豐島海戰終於打響了。
濟遠號側舷一共5門艦炮向打頭的和泉號奮力還擊，所有炮手用盡全力以最快的速度將炮彈打了出去，就算是訓練的時候，也沒有這麼快過，他們相信自己一定能給卑鄙無恥偷襲的倭人一個無比慘痛的教訓。然而很快他們就發現，日本人的炮擊更快更猛！
和泉、吉野、浪速三艦首先集火濟遠，側舷一共18門150毫米管退炮用疾風驟雨般的炮擊將濟遠號周圍打的宛若由水柱組成的牢籠。
如此密集的炮擊很快就取得了戰果，濟遠號猛地一震，一團烈焰在艦艏暴起，「我們中彈了！」
「閉嘴！快去檢查受損情況！只要艦炮還能用，就給我繼續打！」，見艦艏中彈，槍炮二副柯建章立刻指揮水勇檢查傷情。
濟遠號上官兵奮戰終於有了成果，一發炮彈擊中和泉號側舷，一團火球伴隨著爆炸聲升騰而起。
「打中了！」濟遠號上一篇歡騰，可是隨著煙霧散去，歡呼聲戛然而止。
濟遠號的炮彈除了給和泉號填了一塊難看的黑色污跡外，再無一點損傷，厚達60毫米的克虜伯表面硬化裝甲擋住了濟遠號發射150毫米通常彈。
「怎麼會這樣？！」喜悅變成了震驚，而且自己的艦炮無法給敵人造成損傷的事實很快又變成了恐懼。
而另一邊的坪井航三的反應則正好相反，在和泉號被命中的那一瞬間，坪井航三將心都提到了嗓子眼上，要知道日本海軍的每一艘戰艦都是「天皇陛下的戰艦」，每一艘都珍貴不已，要是有了什麼三長兩短，自己可擔不起這個責任。
然而損管穿回來的消息是濟遠號的炮彈沒有穿透自己腳下戰艦的裝甲，和泉號毫髮無損的事實讓坪井航三狂喜不已：「想不到獨人的裝甲技術如此先進，有如此防護，區區濟遠又有何懼？左舵！拉近和濟遠號的距離！」
濟遠號打不穿自己的裝甲，有如此的大的優勢不利用一下就不是坪井航三了，隨著距離的拉近，日本人的炮術就更為精準。
頃刻間濟遠號又受重創，艦橋中彈，方伯謙被巨大的震動拋了起來，然後重重的摔在了地上，巨大的疼痛以及被震的頭暈目眩讓他一時間說不出話來。
不過這還算好的，正在掌舵的幫帶沈壽昌則沒這麼幸運了。一塊彈片擊中了他的頭部，瞬間血花飛濺，鮮血和腦漿混合的液體濺滿了艦橋的甲板。
見艦橋被擊中，柯建章立刻衝了過來：「方大人！方大人！」
此時方伯謙口不能言，只能伸手指了指舵盤。
柯建章會意，立刻趕了過去，見沈壽昌半個腦殼都被削飛，已經沒了氣息，柯建章只能忍住悲痛，重新穩住舵盤。
此時的廣乙的情況也十分糟糕，雖然日本三艦圍攻濟遠號，但是廣乙加入戰局後試圖提濟遠解圍，然而很快就被命中兩彈，以廣乙那只有1000噸左右的小身板，立刻遭到重創。
雖然因為此時海面硝煙瀰漫，導致能見度極差，廣乙號沒有再被命中，不過此時也已經因為進水導致艦體歪斜了。
而濟遠號接著又被接連命中，掌舵的二副柯建章也被彈片擊中，見大副二副相繼陣亡，天津水師學堂見習生黃承勳自告奮勇的前去掌舵。
這時被抬下艦橋已經緩過勁來的方伯謙知道再這麼拼下去定然全軍覆沒，已經沒有了剛開戰時的一時之勇的他旋即下令濟遠和廣乙分散撤離。
而廣乙此時也的確撐不下去了，隨即轉舵撤離，浪速號隨即追了上去，再次命中廣乙兩炮後，被廣乙擊中了左舷，坪井航三見廣乙已嚴重受損，沒必要再讓浪速號去冒險，於是召回浪速繼續追擊濟遠號。
廣乙逃脫後駛至朝鮮西海岸十八家島擱淺，管帶林國祥放火焚船，率殘部登陸，直奔牙山。然而抵達牙山之時發現葉志超已經率部撤往平壤，最終幾經輾轉，乘坐英國輪船亞細亞回國。
廣乙離開後，濟遠號的情況更加糟糕，雖然已經全速向西撤離，然而濟遠號早已不是剛下水時的濟遠號了，此時航速不過15節，日軍三艦航速皆高出濟遠3節以上，吉野號強壓通風後更是高出7節，濟遠逃逃不掉打打不過。
就在此時，操江護衛著高昇姍姍來遲。rs