How to check Client browser using PHP

Here is the simple function to display working browser in PHP

$user_agent = $_SERVER['HTTP_USER_AGENT'];

function getBrowser() {
global $user_agent;
$browser = "Unknown Browser";
$browser_array = array(
 '/msie/i' => 'Internet Explorer',
 '/firefox/i' => 'Firefox',
 '/safari/i' => 'Safari',
 '/chrome/i' => 'Chrome',
 '/edge/i' => 'Edge',
 '/opera/i' => 'Opera',
 '/netscape/i' => 'Netscape',
 '/maxthon/i' => 'Maxthon',
 '/konqueror/i' => 'Konqueror',
 '/mobile/i' => 'Handheld Browser'
 );
foreach ($browser_array as $regex => $value)
 if (preg_match($regex, $user_agent))
 $browser = $value;
return $browser;
}

$user_browser   = getBrowser();
if($user_browser == 'Safari')
{
echo "Safari";
}

How to check browser system OS using PHP ?

We have lot of script to checking browser system OS using PHP , here am going write one function using PHP

$user_agent = $_SERVER['HTTP_USER_AGENT'];
function getOS() { 
global $user_agent;
$os_platform = "Unknown OS Platform";
$os_array = array(
 '/windows nt 10/i' => 'Windows 10',
 '/windows nt 6.3/i' => 'Windows 8.1',
 '/windows nt 6.2/i' => 'Windows 8',
 '/windows nt 6.1/i' => 'Windows 7',
 '/windows nt 6.0/i' => 'Windows Vista',
 '/windows nt 5.2/i' => 'Windows Server 2003/XP x64',
 '/windows nt 5.1/i' => 'Windows XP',
 '/windows xp/i' => 'Windows XP',
 '/windows nt 5.0/i' => 'Windows 2000',
 '/windows me/i' => 'Windows ME',
 '/win98/i' => 'Windows 98',
 '/win95/i' => 'Windows 95',
 '/win16/i' => 'Windows 3.11',
 '/macintosh|mac os x/i' => 'Mac OS X',
 '/mac_powerpc/i' => 'Mac OS 9',
 '/linux/i' => 'Linux',
 '/ubuntu/i' => 'Ubuntu',
 '/iphone/i' => 'iPhone',
 '/ipod/i' => 'iPod',
 '/ipad/i' => 'iPad',
 '/android/i' => 'Android',
 '/blackberry/i' => 'BlackBerry',
 '/webos/i' => 'Mobile'
 );
foreach ($os_array as $regex => $value)
 if (preg_match($regex, $user_agent))
 $os_platform = $value;
return $os_platform;
}
// Get the system OS using PHP
$user_os = getOS();

if($user_os == 'Windows 8')
{
echo "Windows 8"
}

How to load more content, while scrolling page down with jquery ?

HTML PART

<ul class="grid effect-2" id="grid">
<li style="width:100%;">
<div class="col-sm-3 col-md-3 col-xs-12 col-lg-3 pb-4">
<img src="https://www.tutorialshore.com/wp-content/uploads/2016/09/LG-G6-smartphone-150x150.jpg" alt="lg-g6-smartphone" width="150" height="150" class="alignnone size-thumbnail wp-image-128" />
</div ></li>
<li style="width:100%;">
<div class="col-sm-3 col-md-3 col-xs-12 col-lg-3 pb-4">
<img src="https://www.tutorialshore.com/wp-content/uploads/2016/09/LG-G6-smartphone-150x150.jpg" alt="lg-g6-smartphone" width="150" height="150" class="alignnone size-thumbnail wp-image-128" />
</div ></li>
</ul>

Jquery Script

jQuery(window).on('scroll', function(responseTxt, statusTxt, xhr) {
var total_li=jQuery('ul#grid li').length;
if((total_li>0)&&(k>0))
{
var wS = jQuery(this).scrollTop();
var l_total=jQuery('ul#grid li').length*50;
if (wS > l_total){
k=0;
let req_page = 'https://www.tutorialshore.com/api.php?name=newpicture';
let page_ct = counter += 1;
req_page = req_page+'&page_limit='+page_ct;
var content;
jQuery.get(req_page, function(data){
content= data;
k=1;
jQuery('#grid').append(content);

new AnimOnScroll( document.getElementById( 'grid' ), {
minDuration : 0.4,
maxDuration : 0.7,
transitionDuration : 0.2,
viewportFactor : 0.2
});
});
}
}
});