本發(fā)明涉及一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，屬于移動互聯(lián)網(wǎng)開發(fā)領(lǐng)域。

背景技術(shù)：

隨移動互聯(lián)網(wǎng)獲得大規(guī)模的應(yīng)用，很多用戶都會在手機(jī)上瀏覽網(wǎng)頁，而為了讓用戶獲得更好的瀏覽效果，需要為手機(jī)用戶單獨(dú)開發(fā)網(wǎng)頁。在現(xiàn)在的實際開發(fā)過程中，通常都是開發(fā)人員在寫好網(wǎng)頁，然后在虛擬機(jī)(例如：安卓虛擬機(jī)，IOS虛擬機(jī))中開發(fā)，由于虛擬機(jī)與實際的手機(jī)運(yùn)行環(huán)境存在很大的差別，從而可能會造成在虛擬機(jī)中網(wǎng)頁的顯示效果與手機(jī)中實際顯示的效果不一樣，而且開發(fā)環(huán)境配置復(fù)雜。給開發(fā)人員造成困擾，浪費(fèi)開發(fā)人員的時間。

技術(shù)實現(xiàn)要素：

為解決上述技術(shù)問題，本發(fā)明提供了一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，在該網(wǎng)頁開發(fā)系統(tǒng)中，開發(fā)人員可以直接在手機(jī)中修改正開發(fā)的網(wǎng)頁的源代碼和展示正開發(fā)的網(wǎng)頁。從而在修改完開發(fā)的網(wǎng)頁的源代碼之后，立刻就可以看到正開發(fā)的網(wǎng)頁的瀏覽效果，從而避免了在虛擬機(jī)中開發(fā)網(wǎng)頁所帶來的失真的問題；且在手機(jī)上開發(fā)網(wǎng)頁可以隨時隨地進(jìn)行代碼編寫，而不需要復(fù)雜的專業(yè)開發(fā)工具，不一定需要在PC電腦上開發(fā)。該網(wǎng)頁開發(fā)系統(tǒng)具有簡單、易用和實用的優(yōu)點，具有廣泛的應(yīng)用前景。

為了達(dá)到上述目的，本發(fā)明的技術(shù)方案如下：

本發(fā)明提供了一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，包括手機(jī)和服務(wù)器，其中：

所述手機(jī)連接到所述服務(wù)器；

所述手機(jī)上運(yùn)行有瀏覽器；所述服務(wù)器包括總體Web頁面服務(wù)模塊和實際Web頁面存儲模塊；所述總體Web頁面服務(wù)模塊包含開發(fā)Web頁面服務(wù)模塊和實際Web頁面服務(wù)模塊；

所述實際Web頁面存儲模塊用于存儲用戶開發(fā)的實際Web網(wǎng)頁，且每個實際Web頁面都設(shè)置有唯一的標(biāo)識符；

所述總體Web頁面服務(wù)模塊可執(zhí)行以下動作,

動作一，當(dāng)總體Web頁面服務(wù)模塊從瀏覽器接收到包括第一標(biāo)識符的獲取總體Web頁面的指令時，調(diào)用所述開發(fā)Web頁面服務(wù)模塊從實際Web頁面存儲模塊讀取所述第一標(biāo)識符所對應(yīng)的第一實際Web頁面，且生成包含第一實際Web頁面的原始代碼的第一開發(fā)Web頁面；所述總體Web頁面服務(wù)模塊生成總體Web頁面，所述總體Web頁面包括兩個子頁面：第一開發(fā)Web頁面和第一實際Web頁面，且將所述總體Web頁面發(fā)送給瀏覽器；

動作二，當(dāng)總體Web頁面服務(wù)模塊從瀏覽器接收到包括第二標(biāo)識符的獲取實際Web頁面的指令時，調(diào)用所述開發(fā)Web頁面服務(wù)模塊從實際Web頁面存儲模塊讀取所述第二標(biāo)識符所對應(yīng)的第二實際Web頁面的原始代碼并發(fā)送給瀏覽器；

動作三，當(dāng)總體Web頁面服務(wù)模塊從瀏覽器接收到包括第三標(biāo)識符和第三實際Web頁面的源代碼的存儲指令時，調(diào)用所述開發(fā)Web頁面服務(wù)模塊將第三標(biāo)識符和第三實際Web頁面的源代碼存儲在所述實際Web頁面存儲模塊中，且第三實際Web頁面的唯一標(biāo)識符為第三標(biāo)識符。

作為優(yōu)選，在動作三中，所述開發(fā)Web頁面服務(wù)模塊會將第三實際Web頁面發(fā)送給瀏覽器。

作為優(yōu)選，所述手機(jī)設(shè)置有無線鍵盤鼠標(biāo)連接接口和視頻接口；

所述無線鍵盤鼠標(biāo)連接接口可連接無線鼠標(biāo)和無線鍵盤；

所述視頻接口會將所述手機(jī)的屏幕所顯示的畫面輸出。

本發(fā)明的有益效果：本發(fā)明提供了一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，在該網(wǎng)頁開發(fā)系統(tǒng)中，開發(fā)人員可以直接在手機(jī)中修改正開發(fā)的網(wǎng)頁的源代碼和展示正開發(fā)的網(wǎng)頁。從而在修改完正開發(fā)的網(wǎng)頁的源代碼之后，立刻就可以看到正開發(fā)的網(wǎng)頁的瀏覽效果，從而避免了在虛擬機(jī)中開發(fā)網(wǎng)頁所帶來的失真的問題；且在手機(jī)上開發(fā)網(wǎng)頁可以隨時隨地進(jìn)行代碼編寫，而不需要復(fù)雜的專業(yè)開發(fā)工具，不一定需要在PC電腦上開發(fā)。該網(wǎng)頁開發(fā)系統(tǒng)具有簡單、易用和實用的優(yōu)點，具有廣泛的應(yīng)用前景。

附圖說明

圖1為本發(fā)明所提供的一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)的架構(gòu)圖；

圖2為本發(fā)明所提供的一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)的總體Web頁面的實際效果圖；

其中：1.手機(jī)，11.瀏覽器，12.無線鍵盤鼠標(biāo)連接接口，13.視頻接口，2.服務(wù)器，21.總體Web頁面服務(wù)模塊，211.開發(fā)Web頁面服務(wù)模塊，212.實際Web頁面服務(wù)模塊，24.實際Web頁面存儲模塊；

具體實施方式

下面結(jié)合具體實施方式對本發(fā)明作進(jìn)一步詳細(xì)的說明。

本發(fā)明提供了一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，包括手機(jī)1和服務(wù)器2，其特征在于：

所述手機(jī)1連接到所述服務(wù)器2；

所述手機(jī)與服務(wù)器之間的連接方式各種無線或有線的方式，屬于現(xiàn)有技術(shù)在此不再贅述。

所述手機(jī)1上運(yùn)行有瀏覽器11；

可選地，如圖2所示，瀏覽器會顯示總體Web網(wǎng)頁；總體Web網(wǎng)頁為上下兩個部分，下面部分為實際Web頁面，上面部分為開發(fā)Web頁面，在開發(fā)Web頁面中展示有實際Web頁面的原始代碼，用戶可以對實際Web頁面的原始代碼進(jìn)行修改。在開發(fā)Weh頁面的右上方設(shè)置有更新、提交等按鈕。

所述服務(wù)器2包括總體Web頁面服務(wù)模塊21和實際Web頁面存儲模塊22；所述總體Web頁面服務(wù)模塊21包含開發(fā)Web頁面服務(wù)模塊211和實際Web頁面服務(wù)模塊212；

可見，實際Web頁面和開發(fā)Web頁面為兩個不同的子網(wǎng)頁，利用Ajax等技術(shù)，可以讓實際Web頁面與實際Web頁面服務(wù)模塊進(jìn)行數(shù)據(jù)交互，讓開發(fā)頁面與開發(fā)Web頁面服務(wù)模塊進(jìn)行數(shù)據(jù)交互。

所述實際Web頁面存儲模塊22用于存儲用戶開發(fā)的實際Web網(wǎng)頁，且每個實際Web頁面都設(shè)置有唯一的標(biāo)識符；

所述標(biāo)識符可以對每個實際Web頁面進(jìn)行唯一標(biāo)識，即利用標(biāo)識符可以唯一標(biāo)識一個實際Weh頁面。

所述總體Web頁面服務(wù)模塊21可執(zhí)行以下動作,

動作一，當(dāng)總體Web頁面服務(wù)模塊21從瀏覽器11接收到包括第一標(biāo)識符的獲取總體Web頁面的指令時，調(diào)用所述開發(fā)Web頁面服務(wù)模塊211從實際Web頁面存儲模塊22讀取所述第一標(biāo)識符所對應(yīng)的第一實際Web頁面，且生成包含第一實際Web頁面的原始代碼的第一開發(fā)Web頁面；所述總體Web頁面服務(wù)模塊21生成總體Web頁面，所述總體Web頁面包括兩個子頁面：第一開發(fā)Web頁面和第一實際Web頁面，且將所述總體Web頁面發(fā)送給瀏覽器11；

在實際使用中，當(dāng)用戶輸入網(wǎng)址時，可以觸發(fā)動作一。

動作二，當(dāng)總體Web頁面服務(wù)模塊21從瀏覽器11接收到包括第二標(biāo)識符的獲取實際Web頁面的指令時，調(diào)用所述開發(fā)Web頁面服務(wù)模塊211從實際Web頁面存儲模塊22讀取所述第二標(biāo)識符所對應(yīng)的第二實際Web頁面的原始代碼并發(fā)送給瀏覽器11；

當(dāng)用戶點擊更新按鈕時，會觸發(fā)工作二。

優(yōu)選地，此時瀏覽器在其所顯示的總體Web網(wǎng)頁的開發(fā)Web頁面中顯示第二實際Web頁面的原始代碼。

動作三，當(dāng)總體Web頁面服務(wù)模塊21從瀏覽器11接收到包括第三標(biāo)識符和第三實際Web頁面的源代碼的存儲指令時，調(diào)用所述所述開發(fā)Web頁面服務(wù)模塊211將第三標(biāo)識符和第三實際Web頁面的源代碼存儲在所述實際Web頁面存儲模塊22中，且第三實際Web頁面的唯一標(biāo)識符為第三標(biāo)識符。

當(dāng)用戶點擊提交按鈕時，會觸發(fā)工作三，即用戶開發(fā)完網(wǎng)頁時，可以向服務(wù)器提交代碼。

優(yōu)選地，在動作三中，所述開發(fā)Web頁面服務(wù)模塊211會將第三實際Web頁面發(fā)送給瀏覽器。

此時，瀏覽器會在其所顯示的其所顯示的總體Web網(wǎng)頁的實際Web頁面中顯示第三實際Web頁面。

優(yōu)選地，所述手機(jī)1設(shè)置有無線鍵盤鼠標(biāo)連接接口12和視頻接口13；

所述無線鍵盤鼠標(biāo)連接接口12可連接無線鼠標(biāo)和無線鍵盤；

所述視頻接口13會將所述手機(jī)1的屏幕所顯示的畫面輸出。

在實際開發(fā)時，利用無線鍵盤鼠標(biāo)連接接口連接無線鼠標(biāo)、無線鍵盤，利用視頻接口連接顯示器。從而可以利用無線鼠標(biāo)和無線鍵盤修改網(wǎng)頁數(shù)據(jù)，且將手機(jī)屏幕所顯示的畫面輸出到顯示器，從而比較方便開發(fā)人員開發(fā)。

本發(fā)明提供了一種便于手機(jī)網(wǎng)頁開發(fā)的系統(tǒng)，在該網(wǎng)頁開發(fā)系統(tǒng)中，開發(fā)人員可以直接在手機(jī)中修改正開發(fā)的網(wǎng)頁的源代碼和展示正開發(fā)的網(wǎng)頁。從而在修改完正開發(fā)的網(wǎng)頁的源代碼之后，立刻就可以看到正開發(fā)的網(wǎng)頁的瀏覽效果，從而避免了在虛擬機(jī)中開發(fā)網(wǎng)頁所帶來的失真的問題，該網(wǎng)頁開發(fā)系統(tǒng)具有簡單、易用和實用的優(yōu)點，具有廣泛的應(yīng)用前景。

顯然，上述實施例僅僅是為清楚地說明所作的舉例，而并非對實施方式的限定。對于所屬領(lǐng)域的普通技術(shù)人員來說，在上述說明的基礎(chǔ)上還可以做出其它不同形式的變化或變動。這里無需也無法對所有的實施方式予以窮舉。而由此所引伸出的顯而易見的變化或變動仍處于本發(fā)明創(chuàng)造的保護(hù)范圍之中。