如何使用PHP使您的网站移动友好

It is important to make your website accessible to all of your users. Although many people still access your website through their computer, a huge amount of people are also accessing your website from their phones and tablets. When you are programming your website it is important to keep these types of media in mind so that your site will work on these devices.

使所有用户都可以访问您的网站很重要。 尽管仍然有许多人通过计算机访问您的网站,但仍有大量人也通过手机和平板电脑访问您的网站。 在对网站进行编程时,请务必牢记这些媒体类型,以便您的网站可以在这些设备上运行。

PHP is all processed on the server, so by the time the code gets to the user, it is just HTML. So basically, the user requests a page of your website from your server, your server then runs all the PHP and sends the user the results of the PHP. The device never actually sees or has to do anything with the actual PHP code. This gives websites done in PHP an advantage over other languages that process on the user side, such as Flash.

PHP全部在服务器上处理,因此,在代码到达用户时,它只是HTML。 因此,基本上,用户从您的服务器请求您的网站页面,然后您的服务器运行所有PHP并将其结果发送给用户。 设备从不实际看到或必须对实际PHP代码执行任何操作。 这使用PHP完成的网站比其他在用户端处理的语言(例如Flash)更具优势。

It has become popular to redirect users to mobile versions of your website. This is something that you can do with the htaccess file but you can also do with PHP. One way to do this is by using strpos() to look for the name of certain devices. Here is an example:

将用户重定向到您网站的移动版本已变得很流行。 您可以使用htaccess文件执行此操作,但也可以使用PHP执行此操作。 一种方法是使用strpos()查找某些设备的名称。 这是一个例子:


<?php
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$bberry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$webos = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
if ($android || $bberry || $iphone || $ipod || $webos== true) 

header('Location: http://www.yoursite.com/mobile');
}
?>

If you chose to redirect your users to a mobile site, make sure you give the user an easy way to access the full site. 

如果您选择将用户重定向到移动站点,请确保为用户提供了一种访问整个站点的简便方法。

Another thing to keep in mind is that if someone reaches your site from a search engine, they often aren't going through your home page so they don't want to be redirected there. Instead, redirect them to the mobile version of the article from the SERP (search engine results page.) 

要记住的另一件事是,如果有人通过搜索引擎到达您的网站,他们通常不会进入您的主页,因此他们不想被重定向到该主页。 而是从SERP(搜索引擎结果页)将其重定向到文章的移动版本。

Something of interest may be this CSS switcher script written in PHP. This allows the user to put on a different CSS template via a drop-down menu. This would allow you to offer the same content in different mobile-friendly versions, perhaps one for phones and another for tablets. This way the user would have the option to change to one of these templates, but would also have the option to keep the full version of the site if they prefer.

有趣的是这个用PHP编写CSS切换器脚本。 这允许用户通过下拉菜单放置其他CSS模板。 这样一来,您就可以在不同的移动设备友好版本中提供相同的内容,也许一个用于手机,另一个用于平板电脑。 这样,用户可以选择更改为这些模板之一,但是如果愿意,还可以选择保留网站的完整版本。

One final consideration: Although PHP is good to use for websites that will be accessed by mobile users, people often combine PHP with other languages to make their sit do everything they want. Be careful when adding features that the new features won't make your site unusable by members of the mobile community. Happy programming!

最后要考虑的一个因素:尽管PHP非常适合移动用户访问的网站,但是人们经常将PHP与其他语言结合使用,以使自己的工作做自己想要的一切。 添加功能时要小心,新功能不会使您的网站无法被移动社区成员使用。 编程愉快!

翻译自: https://www.thoughtco.com/mobile-friendly-websites-2693900

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要使 PHP 网站适应手机端,可以采用以下方法: 1. 响应式设计:使用响应式设计可以让网站根据屏幕大小和分辨率自动调整布局,使其在不同的设备上都能够正常显示。可以使用 CSS 媒体查询来实现响应式设计。 2. 移动端优化:针对移动端的特点,对网站进行一些优化,例如减少图片大小和数量,压缩 CSS 和 JavaScript 文件等,可以提高网站移动设备上的加载速度和用户体验。 3. 使用移动端框架:使用一些专门为移动设备设计的框架,例如 Bootstrap、Foundation 等,可以快速搭建适应移动设备的界面,并且在各种移动设备上都具有较好的兼容性。 4. 清晰的导航栏:在手机端显示网站时,清晰的导航栏可以让用户更容易找到需要的内容。可以使用下拉式菜单或折叠式菜单等方式来优化导航栏的显示。 5. 使用可点击的按钮:在手机端浏览网站时,用户通常使用手指进行操作,因此使用大而且易于点击的按钮可以提高用户体验。 6. 简化页面内容:在手机端浏览网站时,页面内容应该简化为最重要的信息,以免影响用户的体验。可以考虑使用缩略图、摘要等方式来呈现内容。 通过上述方法,可以使 PHP 网站适应手机端,并且在移动设备上获得良好的用户体验。 ### 回答2: 要使一个php网站适应手机端,需要以下几个步骤: 1. 响应式布局:使用CSS媒体查询来为不同尺寸的设备定制不同的布局。通过设置不同的CSS样式,可以使网站移动设备上有更好的显示效果,并且能够自动适应不同的屏幕尺寸。 2. 移动优先设计:设计时首先考虑移动设备,在保持网站功能的基础上简化页面结构和内容,提高页面加载速度。可以选择使用响应式的框架,如Bootstrap,来快速实现移动优先的设计。 3. 图片优化:在移动设备上,网络速度可能较慢,为了提高页面加载速度,需要对图片进行优化。可以使用图片压缩工具来减小图片文件的大小,尽量使用合适的图片格式,如JPEG或WebP。 4. 触摸友好:在设计网站时,要考虑到用户使用触摸操作的情况。调整按钮和链接的大小,增加间距,避免相邻元素过于靠近,从而提供更好的用户体验。 5. 避免使用Flash:由于iOS设备不支持Flash,为了确保网站在手机上正常运行,应该尽量避免使用Flash技术。可以选择使用HTML5和CSS3实现一些动画效果。 6. 测试与优化:在适应手机端之前,应该进行充分的测试。使用不同的移动设备和浏览器来测试网站的兼容性,并及时优化和修复问题。 通过以上步骤,一个php网站可以适应手机端,并提供良好的用户体验。 ### 回答3: 一个PHP网站要适应手机端,需要进行以下几个步骤: 1. 使用响应式设计:采用响应式网页设计,可以让网站在不同大小的屏幕上自动适应,使得在手机端上的浏览也能得到良好的体验。 2. 优化页面布局:在手机端上显示网站时,需要优化页面的布局,使得内容能够清晰展示且易于操作。可以考虑使用单列布局,简化菜单和导航栏等元素。 3. 适配图片和媒体:由于手机屏幕较小,需要对网站上的图片和媒体进行适配。可以通过使用CSS媒体查询进行图片大小和分辨率的调整,或者选择不同大小的图片进行加载。 4. 考虑使用移动端特有的功能:手机具有一些移动端特有的功能,如位置信息、摄像头、触摸操作等。可以结合这些功能,为手机用户提供更好的体验,例如添加地图功能或拍照上传功能。 5. 压缩和优化网站:为了提高网站在手机上的加载速度和性能,可以进行CSS和JavaScript文件的压缩和合并,减少HTTP请求。还可以使用缓存技术、异步加载等方式来优化网站的性能。 6. 进行测试和优化:在完成适配手机端的工作后,需要进行测试,确保网站在不同型号和尺寸的手机上都能正常显示和操作。根据用户反馈和数据分析结果,进行优化和改进。 通过以上措施,一个使用PHP开发的网站可以适应手机端,提供良好的用户体验,并满足手机用户的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值