当前位置:首页 » 网页前端 » web网站转app
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web网站转app

发布时间: 2022-04-20 21:03:50

㈠ 已经做好的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内容同步即可