㈠ 已經做好的pc版網頁,如何轉成手機端的
需要設置標簽,字體什麼的都會相應的適配手機,當然還需要調樣式。
標簽代碼如下:
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="white">
<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
注意:現有網站直接改成移動端雖說理論上可行,但如果不是一開始就相對設計較為完善的話,重新基本就是要重做UI部分,連帶後端也要做相應的調整。
(1)web網站轉app擴展閱讀:
常用屬性
color : #999999;/*文字顏色*/
font-family : 宋體,sans-serif; /*文字字體*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜體*/
font-variant:small-caps; /*小字體*/
letter-spacing : 1pt; /*字間距離*/
line-height : 200%; /*設置行高*/
font-weight:bold; /*文字粗體*/
vertical-align:sub; /*下標字*/
vertical-align:super; /*上標字*/
text-decoration:line-through; /*加刪除線*/
text-decoration: overline; /*加頂線*/
text-decoration:underline; /*加下劃線*/
text-decoration:none; /*無修飾線*/
text-transform : capitalize; /*首字大寫*/
text-transform : uppercase; /*英文大寫*/
text-transform : lowercase; /*英文小寫*/
text-align:right; /*文字右對齊*/
text-align:left; /*文字左對齊*/
text-align:center; /*內部元素居中*/
text-align:justify; /*文字分散對齊*/
vertical-align:top; /*垂直對齊該行元素內的最大元素頂部/
㈡ 如何讓WEB鏈接完美的跳轉到APP(安卓軟體開發)
在智能手機出貨量超過PC和功能手機、用戶使用App比例超過80%以上的情況下,智能手機App絕對成為了人們生活的主角。對於PC、平板、智能手機之間的跨平台無縫體驗,很早之前開發者就開始關注了。比如Evernote會開發幾乎所有平台的軟體版本,來保證用戶在使用各個平台時可以無縫切換;另外 Chrome 桌面版和手機端也可以同步數據,我在電腦上打開幾個網頁,換到手機上時仍能看到那幾個網頁。雖然很多人都認識到了App的重要性,但從PC到手機App,這中間仍然存在著很大的體驗斷層。PC段到移動端還有很多事情要做,比如接下來講的:當大量App內容被分享到微博、微信上之後,如何從PC或手機上的網頁鏈接完美切換到App。在我近一個多月的測試中,發現大部分的App都沒有做好從Web鏈接到App的過渡。比如我用手機在微博中點開一個應用官方帳號微博裡面的一個鏈接,鏈接內容是App內的內容(微博分享出來),然後你就會發現打開時大部分情況是網頁版。雖然我手機里安裝了這款應用,但卻仍然打開的是網頁版,如果該App需要登錄的話,我在網頁版上甚至都無法進行更多的操作。當然,也有個別App在鏈接到App跳轉的過程做得非常好。而在一般情況下,這種跳轉優化根據設計的無縫度會有四種,總結如下(在此聲明,我所測試的所有App都是我個人比較喜歡的,所以不存在詆毀哪款產品問題):第一種:鏈接是為PC設計的,根本沒有針對移動設備進行過優化,打開鏈接你必須通過縮放才能看到網頁上的內容。這類App有很多,比如大眾點評、果殼、果庫、抬杠等。第二種:鏈接為移動設備優化過,但從網頁端轉到移動端仍然有斷層。比如美樂時光官方微信會推薦一些歌單,我用瀏覽器打開後便可以直接播放,移動體驗非常棒,但即便登錄之後也不能對播放的歌曲進行收藏。如果我想收藏某些歌曲,必須用電腦打開網站,搜到歌曲,然後收藏後才會同步到美樂時光App上,非常的麻煩。另外這類App還有:想去、美團等。這裡面還有一種情況,就是媒體類應用。由於媒體本身產生的內容只是一篇篇文章,所以很容易為移動設備優化。但這又分兩類,一類本身網頁在移動設備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優化,但由於沒有客戶端,反而不會出現上體驗斷層的問題。第三種:產品本身就是為移動而生的,即便是網頁版,也像移動端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網頁版進行各種操作,然後打開App就能同步了。這種情況已經算是非常好的了,但它仍然無法解決網頁鏈接和App之間的鴻溝問題,我不能直接通過網頁鏈接打開App。這類產品比較少,比如早期的果庫(無網頁版)、國外的Fancy等。第四種:點擊鏈接可以直接打開App,如果是在桌面端則直接在瀏覽器中顯示內容。在我測試的十幾款App中,我只發現了兩款在網頁鏈接向App跳轉上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看見好友分享了一條啪啪時,點擊鏈接,我的啪啪就會自動打開,然後顯示好友分享的內容。而Instagram做法有些不同,它第一次打開的是優化過的網頁,然後Logo旁有一個「Open in app」的按鈕,點擊之後可以直接打開App。這樣就非常方便,如果我沒有安裝app,那麼它會直接在手機瀏覽器里打開,如果我用的是電腦,那它也會直接在桌面瀏覽器中打開。對於Web鏈接向App跳轉的問題,可能很多人都會說這只是一個小細節,沒必要過度深究。但隨著我們使用手機App越來越頻繁,這個小問題會困擾越來越多的人。而且從第四種解決方案可以看出,很多App沒這樣做並不是因為蘋果的沙盒保護機制,只是開發者在考慮用戶體驗的時候,沒有把這部分真正的考慮進來。
㈢ 如何實現web頁面到App間的無縫跳轉
Web頁面到app是沒有辦法無縫跳轉的,都會彈出提示
㈣ 如何將web網站打包成app
首頁得准備好需要的東西,如eclipse,一個完整可以瀏覽的手機網站,而且確保電腦配置好jdk,環境變數,還要安裝好cordova,這些環境等配置這里不表,可以自行網路。在這里我就自己隨意寫了個網站做測試,從下圖可以看出來,這是一個可以在網頁中瀏覽的手機網站
有了網站之後,第一步新建一個項目,打開你要保存的項目地址,比如D盤的yun文件夾,按住鍵盤的shift鍵+滑鼠右鍵,選擇「在此處打開命令窗口」,就會彈出一個終端命令窗口,打開之後在終端裡面輸入cordova
create hello,hello為你的項目名稱,如cordova create
qianqian,qianqian就是我的項目名稱,注意,不要手動去創建文件夾,因為我們在終端裡面建的項目裡面有很多的配置文件,終端命令窗口不要關在終端命令窗口中輸入cd
qianqian,進入qianqian文件夾,然後再輸入cordova platform add
android,回車,等待下載完成,記住在下載之前一定要確保已經安裝git,要不然會下載失敗,本人親自試驗,下載可以要1分鍾左右,下載完成後終端命令窗口不要關,等下要用下載完成後將准備好的網站放到www文件夾裡面,原來的文件可以刪掉,再打開eclipse軟體,點擊菜單欄file--import,彈出一個窗口,選擇下面圖片中的選項,再點next,之後點擊Browse,選擇qianqian文件夾項目的路徑,選取,記住,復選框一定要全部選上,不懂的看下面的圖片,然後確定就可以了
確定之後就會看到下面圖片一樣左邊會出現兩個項目,為了確保項目一次性完成,我們可以在終端窗口裡面輸入cordova prepare,輸入前確保是在當前qianqian文件夾,這個命令是在修改過項目的情況下運行的,等待他運行完,下面第二張圖片是運行完成的圖片
ok,之後就可以打包webapp了,回到eclipse,我們發現項目文件有個紅叉,或者也會出現一個感嘆號之類的,出現這個情況的話可以點擊菜單欄project--clean,在彈出的窗口中選擇第二個單選項,下面的復選框全部選上,不懂看圖,確認之後就可以看到紅叉沒了
然後在項目欄里選擇第二個項目右鍵選擇run as--android application,之後等待半分鍾左右,主要是看電腦運行速度好不好了,好的話就快
最後如果你手機連接著電腦或者你電腦開著安卓虛擬機的話,在彈出的窗口就會出現你手機或者虛擬機的信息,選擇他再點ok,系統會自動跳到虛擬機里,如果是真機的話,就直接看你的手機就行,手機會自動安裝app應用的
如果兩者都沒有的話可以將彈出的窗口都關閉,然後在軟體項目欄的第二個項目裡面有個bin文件夾,打開,裡面有個apk,將他復制出來安裝到自己手機或其他機器里就行了,下圖就是webapp做出來的最終效果,一開始忘記上傳圖片,只上傳了代碼,所以app裡面沒有圖片,不過效果總算是出來了
㈤ 如何讓Web鏈接完美的跳轉到App
第一種:鏈接是為PC設計的,根本沒有針對移動設備進行過優化,打開鏈接你必須通過縮放才能看到網頁上的內容。這類App有很多,比如大眾點評、果殼、果庫、抬杠等。
第二種:鏈接為移動設備優化過,但從網頁端轉到移動端仍然有斷層。比如美樂時光官方微信會推薦一些歌單,我用瀏覽器打開後便可以直接播放,移動體驗非常棒,但即便登錄之後也不能對播放的歌曲進行收藏。如果我想收藏某些歌曲,必須用電腦打開網站,搜到歌曲,然後收藏後才會同步到美樂時光App上,非常的麻煩。另外這類App還有:想去、美團等。
這裡面還有一種情況,就是媒體類應用。由於媒體本身產生的內容只是一篇篇文章,所以很容易為移動設備優化。但這又分兩類,一類本身網頁在移動設備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優化,但由於沒有客戶端,反而不會出現上體驗斷層的問題。
第三種:產品本身就是為移動而生的,即便是網頁版,也像移動端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網頁版進行各種操作,然後打開App就能同步了。這種情況已經算是非常好的了,但它仍然無法解決網頁鏈接和App之間的鴻溝問題,我不能直接通過網頁鏈接打開App。這類產品比較少,比如早期的果庫(無網頁版)、國外的Fancy等。
㈥ 如何把java web 生成app
1.可以在servlet的init方法里,獲取web項目的全路徑。
String path = getServletContext().getRealPath("/");
例如 :E:\eclipseM9\workspace\tree\
2.也可以隨時在任意的class里調用,獲取到classes目錄的全路徑。
this.getClass().getClassLoader().getResource("/").getPath();
例如 : E:\eclipseM9/workspace/tree/WEB-INF/classes/
3.request.getContextPath();
獲得web根的上下文環境
㈦ 讓WEB鏈接完美的跳轉到APP客戶端怎麼做
讓WEB鏈接完美的跳轉到APP客戶端怎麼做的解答如下
在一般情況下,這種跳轉優化根據設計的無縫度會有四種,總結如下(在此聲明,我所測試的所有App都是我個人比較喜歡的,所以不存在詆毀哪款產品問題):
第一種:鏈接是為PC設計的,根本沒有針對移動設備進行過優化,打開鏈接你必須通過縮放才能看到網頁上的內容。這類App有很多,比如大眾點評、果殼、果庫、抬杠等。
第二種:鏈接為移動設備優化過,但從網頁端轉到移動端仍然有斷層。比如美樂時光官方微信會推薦一些歌單,我用瀏覽器打開後便可以直接播放,移動體驗非常棒,但即便登錄之後也不能對播放的歌曲進行收藏。如果我想收藏某些歌曲,必須用電腦打開網站,搜到歌曲,然後收藏後才會同步到美樂時光App上,非常的麻煩。另外這類App還有:想去、美團等。
這裡面還有一種情況,就是媒體類應用。由於媒體本身產生的內容只是一篇篇文章,所以很容易為移動設備優化。但這又分兩類,一類本身網頁在移動設備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優化,但由於沒有客戶端,反而不會出現上體驗斷層的問題。
第三種:產品本身就是為移動而生的,即便是網頁版,也像移動端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網頁版進行各種操作,然後打開App就能同步了。這種情況已經算是非常好的了,但它仍然無法解決網頁鏈接和App之間的鴻溝問題,我不能直接通過網頁鏈接打開App。這類產品比較少,比如早期的果庫(無網頁版)、國外的Fancy等。
第四種:點擊鏈接可以直接打開App,如果是在桌面端則直接在瀏覽器中顯示內容。在我測試的十幾款App中,我只發現了兩款在網頁鏈接向App跳轉上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看見好友分享了一條啪啪時,點擊鏈接,我的啪啪就會自動打開,然後顯示好友分享的內容。而Instagram做法有些不同,它第一次打開的是優化過的網頁,然後Logo旁有一個「Open in app」的按鈕,點擊之後可以直接打開App。這樣就非常方便,如果我沒有安裝app,那麼它會直接在手機瀏覽器里打開,如果我用的是電腦,那它也會直接在桌面瀏覽器中打開。
㈧ 如何讓WEB鏈接完美的跳轉到APP
第一種:鏈接是為PC設計的,根本沒有針對移動設備進行過優化,打開鏈接你必須通過縮放才能看到網頁上的內容。這類App有很多,比如大眾點評、果殼、果庫、抬杠等。
第二種:鏈接為移動設備優化過,但從網頁端轉到移動端仍然有斷層。比如美樂時光官方微信會推薦一些歌單,我用瀏覽器打開後便可以直接播放,移動體驗非常棒,但即便登錄之後也不能對播放的歌曲進行收藏。如果我想收藏某些歌曲,必須用電腦打開網站,搜到歌曲,然後收藏後才會同步到美樂時光App上,非常的麻煩。另外這類App還有:想去、美團等。
這裡面還有一種情況,就是媒體類應用。由於媒體本身產生的內容只是一篇篇文章,所以很容易為移動設備優化。但這又分兩類,一類本身網頁在移動設備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優化,但由於沒有客戶端,反而不會出現上體驗斷層的問題。
第三種:產品本身就是為移動而生的,即便是網頁版,也像移動端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網頁版進行各種操作,然後打開App就能同步了。這種情況已經算是非常好的了,但它仍然無法解決網頁鏈接和App之間的鴻溝問題,我不能直接通過網頁鏈接打開App。這類產品比較少,比如早期的果庫(無網頁版)、國外的Fancy等。
第四種:點擊鏈接可以直接打開App,如果是在桌面端則直接在瀏覽器中顯示內容。在我測試的十幾款App中,我只發現了兩款在網頁鏈接向App跳轉上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看見好友分享了一條啪啪時,點擊鏈接,我的啪啪就會自動打開,然後顯示好友分享的內容。而Instagram做法有些不同,它第一次打開的是優化過的網頁,然後Logo旁有一個「Open in app」的按鈕,點擊之後可以直接打開App。這樣就非常方便,如果我沒有安裝app,那麼它會直接在手機瀏覽器里打開,如果我用的是電腦,那它也會直接在桌面瀏覽器中打開。
對於Web鏈接向App跳轉的問題,可能很多人都會說這只是一個小細節,沒必要過度深究。但隨著我們使用手機App越來越頻繁,這個小問題會困擾越來越多的人。而且從第四種解決方案可以看出,很多App沒這樣做並不是因為蘋果的沙盒保護機制,只是開發者在考慮用戶體驗的時候,沒有把這部分真正的考慮進來。
以上是雲棲社區小編為您精心准備的的內容,在雲棲社區的博客、問答、公眾號、人物、課程等欄目也有的相關內容,歡迎繼續使用右上角搜索按鈕進行搜索網頁 , 手機 , 移動 , 鏈接 , 移動端網頁 , uwp 手機app , 手機app介面開發 , 手機app開發 , 手機app , pc端 手機 應用分享 , app移動網頁popover , app手機androidbroadcast , 測試web手機 直接 web鏈接向app跳轉、wkwebview 鏈接不跳轉、超鏈接跳轉到web inf、webapp頁面跳轉方法、ios webview跳轉app,以便於您獲取更多的相關知識。
希望我的回答可以幫到您哦
㈨ 網站能轉換成app嗎
可以轉化成app的
你單獨開發個app,然後調用網站內容,然後網站內容和app內容同步即可